Scipt.aculo.us Effekte nutzen?

Hallo Alphawolf,

Zitat von Alpahwolf

PHP

[LEFT]  [COLOR=#000000] [COLOR=#0000cc]<?php wp_enqueue_script[/COLOR][COLOR=#006600]( array([/COLOR][COLOR=#cc0000]'scriptaculous-effects'[/COLOR][COLOR=#006600]) ); [/COLOR][COLOR=#0000cc]?>[/COLOR] [/COLOR]   [/LEFT]

...hat bei mir zu folge, dass die Seite lädt, und lädt, und lädt, und lädt......
Es werden längst alle Inhalte angezeigt, aber sie lädt sich ´nen Wolf.
Ich habe nun schon via Conditional-Tags nur dort dieses Script eingebunden, wo ich auch Script aculo us verwende, damit wenigstens die anderen Seiten schnell durchgeladen werden. Woran kann das liegen?

Beste Grüße

Thomas

Es gibt einen Bug in der Verwendung von Script.aculo.us, den ich beschrieben hab, und der dazu führt, dass ein Laden der effects.js unnötig viel mehr Scripts mit lädt und den Seitenaufbau drastisch verlangsamt: Code Styling Project » WordPress 2.6.1 lädt zu viele script.aculo.us Komponenten
Ein Patch dazu hab ich ebenfalls bereitgestellt und dem WP Bug Trac gemeldet.

Und die effects.js bekommt man so geladen (samt der abhängigen Libs wie prototype.js):

wp_enqueue_script('scriptaculous-effects');

Hallo!

Vielversprechender Ansatz! Hab es auch gleich mal ausprobiert, allerdings hat es am Ergebnis nchts geändert. :(
In der script-loader.php hab ich das "rot" geschriebene von deiner Seite ergänzt, und in meiner header.php den Aufruf nach deinem Beispiel geändert. Leider lädt die Seite zwar die eigentlichen Inhalte rasch durch, aber danach lädt sie noch ca. eine Minute weiter.... Obwohl der Effekt längst funktioniert.

Laut Quelltext wird jetzt folgendes geladen;

<script type='text/javascript' src='http:...../wp-includes/js/prototype.js?ver=1.6'></script>
<script type='text/javascript' src='http:...../wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.0'></script>
<script type='text/javascript' src='http:...../wp-includes/js/scriptaculous/effects.js?ver=1.8.0'></script>
<script type='text/javascript' src='http:...../wp-includes/js/jquery/jquery.js?ver=1.2.6'></script>
<script type='text/javascript' src='http:...../wp-content/plugins/nextgen-gallery/thickbox/thickbox-pack.js?ver=3.1.1'></script>
<script type='text/javascript' src='http:...../wp-content/plugins/nextgen-gallery/admin/js/swfobject.js?ver=1.5'></script>

:? Hab ich vielleicht auch bei der Einbindung was übersehe?
Oder wie kann ich die beiden Effekte, die ich nutze, referenzieren?

Gruß
Thomas

Ein Link zur Seite könnte helfen, sich ein Bild davon zu machen. Auf Wunsch auch per PN, wenn du das hier nicht reinstellen willst.

Ja, klar...
Also hier auf der Startseite wird kein Script benutzt und auch nicht geladen...
Und hier werden zwei Scripts benutzt um das elendig lange Archiv aufzuräumen... Das ist auch in anderen Kategorien so, wo ein Archiv angezeigt werden soll....

Also eines deiner Scripts spinnt und will den Scriptcode direkt als Seiten nachladen. Ich konnte nicht raus finden, welches der Scripte da entartet aber diese zig 404 Nachlade-Sequenzen mit > 2 Sekunden pro Stück verlangsamen die Seite und es sieht minutenlang so aus, als wäre sie nicht fertig.
Ich würde das testen, welches Plugin dafür verantwortlich ist und erstmal potentielle Kandidaten deaktivieren und Stück für Stück aktivieren. Da sollte man raus bekommen, wer das verursacht und kann gezielt dieses Plugin untersuchen.

Hoppla!
Was passiert denn da? Bist du sicher, dass es ein Plugin ist? Denn die laufen doch auf jeder Seite?! Und wenn ich die Scripts "auskommentiere" dann läuft alles einwandfrei. Ich versteh das jetzt nicht genau.... :cry:

Kannst du den Amazon Script-Kram mal deaktivieren ?
Sowas geht mit aktiven prototype.js nicht mehr:

for (var locale in imp)

Ich fürchte, der Amazon Link Enhancer hat ein Problem mit prototype.js.

So. Hab erst Amazon auskommentiert und dann komplett gelöscht.
Es ändert aber nix am Ergebnis.

Hier noch mal der Quellcode der Scripts. Vielleicht liegt es ja daran?
Ich habe nämlich mal 2 Effekte miteinander vermischt. Möglich, dass mir da ein Fehler unterlaufen ist, owohl sie einwandfrei funktionieren.

<a href="javascript:void(0)" onclick="new Effect.Appear('archiv1');">+ Archive nach Monaten</a>
<div id="archiv1" style="display:none">


    <ul>
     <?php wp_get_archives('type=monthly'); ?>
    </ul>
    <a href="#" onclick="new Effect.Fade('archiv1',{duration:2.0, from:1.0});">
    X Ausblenden
    </a>
</div>
<br />
<a href="javascript:void(0)" onclick="new Effect.Appear('archiv2');">+ weitere Kategorien</a>
<div id="archiv2" style="display:none;">


     <ul>
    <?php wp_list_categories('title_li=&orderby=ID&show_count=1'); ?>
    </ul>
    
    <a href="#" onclick="new Effect.Fade('archiv2',{duration:2.0, from:1.0});">
    X Ausblenden
    </a>
</div>

Dieser Teil der Seite macht vermutlich die Probleme:

<script type="text/javascript" src="http://www.assoc-amazon.de/s/link-enhancer?tag=t3artwork-21&amp;o=3">
</script>
<noscript>
    <img src="http://www.assoc-amazon.de/s/noscript?tag=t3artwork-21" alt="Kein Java m&ouml;glich" />
</noscript>

Die von dir eingebauten Click Handler haben keine Aktie an dem Verhalten. Nur der Streit zwischen prototype.js und die o.g. Script vermute ich.

Genau! Das war´s! Hab es mal auskommentiert und siehe da... Die Seite lädt in Sekundenbruchteilen komplett durch! :)
Danke sehr!

ABER:
Muss ich denn jetzt komplett auf Amazon verzichten? Denn es generiert doch den ein oder anderen Euro an Umsatz, speziell für das PC Game, in dem auch unser Verein vertreten ist?!

Oder reicht es im Umkehrschluss Amazon nur auf den Seiten einzublenden, bei denen kein prototype benötigt wird? Dann müsste es doch funktionieren?!

Zitat von JakoThAn

Genau! Das war´s! Hab es mal auskommentiert und siehe da... Die Seite lädt in Sekundenbruchteilen komplett durch! :)
Danke sehr!

ABER:
Muss ich denn jetzt komplett auf Amazon verzichten? Denn es generiert doch den ein oder anderen Euro an Umsatz, speziell für das PC Game, in dem auch unser Verein vertreten ist?!

Oder reicht es im Umkehrschluss Amazon nur auf den Seiten einzublenden, bei denen kein prototype benötigt wird? Dann müsste es doch funktionieren?!

Es wäre ein Anfang, Amazon nur dort einzublenden, wo kein protoype.js geladen wird.
Auf lange Sicht mal eine Mail an Amazon schreiben, warum das inkompatibel zu prototype.js ist. Die sollten im Eigenen Interesse eine Anwort bereit haben.

Alles klar! Werd ich mal machen.
Vielen vielen Dank für deine Hilfe!

oh klasse, damit kann man ja geile Sachen machen.

Ich hab mal ne konkrete Nachfrage:
Ich nutze den Effekt "Draggable".

auf dieser Seite
Draggable — scriptaculous — GitHub
gibt es unten so ein Demo, wo man die Quadrate verschieben kann.

Das klappt bei mir auch prima.

Nur: IM Demo verändert sich der Mauszeiger so schon in ein Pfeilkreuz, wenn man auf die Quadrate geht, auf einer Seite aber nicht.

Wie bekomme ich da den anderen Mauszeiger hin?

Danke für die schnelle Hilfe, Du weißt einfach alles!

Ich bekenne mich ab sofort zum marXismus ;-)