Kommentare ein-und ausblenden. Aber wie?

als erste kleine Einführung könntest du hier mal lesen: http://www.im-tal.net/568/effekte-mit-der-jquery-javascript-library/

Dein JS könnte dann vielleicht so aussehen, vorausgesetzt ein DIV mit der ID #comments_js umschließt das Kommentarformular in der comments.php und die Sprechblasengrafik bekommt die ID #comments_js_icon:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Du müsstest das Icon schon außerhalb des DIV #comments_js legen, sonst wird es ja mit ausgeblendet

 

Außerdem hast du nicht beim img die ID eingefügt, sondern ja den DIV drum gelegt. Also müsste es ja auch im jquery geändert werden:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

und dann evtl. noch die jQuery zum testen mit $ ersetzen, WP selber nimmt dann allerdings jQuery.

Hier mal so wie ich es testen würde (mit dem img und dem $):

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Hallo maxe,
Hab mich mal kurz an Dein Script drangehangen....
soweit in Ordnung...

allerdings:

In wp 3.01 liegt noch in den includes die jquery 1.4.2

Mit der läuft dein kleines Script nicht.

Hab mal die 1.4.4 reingelegt (mit der dein Script läuft).
Die allerdings verursacht 'n javascript Error wg. style in Zeile 34 vom Script.
Macht ansonsten keinen Ärger aber eben halt gelbes Sriptfehler Fensterchen im IE...
Also wieder 1.4.2 rein.

 

Wenn du die WP jQuery verwendest, musst du im Code die "$" durch "jQuery" ersetzen.

 

hallo maxe,
danke für deine Antwort.

Daran liegts aber nicht.

Wie gesagt:
Auch ohne Script gibt es die Fehlermeldungen.

Es liegt an der jquery-1.4.4.js.
Nehme ich die in wp 3.0.1 verwendete 1.4.3 Version ist alles OK...außer das damit das Script nicht läuft.

Nun ja: Problem ist Lightbox

element.dispatchEvent is not a function
element.dispatchEvent(event);
protot…r=1.6.1 (line 4619)
hervorgerufen durch prototype.js

element.style is undefined
element.style.width = w “px”;
lightb…ver=1.8 (line 33
hervorgerufen durch lightbox.resize.js

:shock:

 

Warum willst Du das mit jquery machen?

Ich blende bei mir mit Click auf ein Bild meine Smilies (Plugin wp_grins) ein oder aus.

Die Smilies stehen in einem DIV mit der id "wp-grins" und sind standardmäßig auf style.display='none' gesetzt. Bei Click auf das Bild wird die JS-Funktion "hideshow()" aufgerufen, die meinen Smilieblock zunächst nach style.display abfragt und dann den style.display setzt (none oder block), der nicht als Ergebnis gewonnen wurde.
Zusätzlich wird das Bild im DIV "smiliehide" je nach Anzeige oder nicht ausgetauscht.

http://www.1step-beyond.de/2010/10/ein-aufregendes-wochenende/

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Vielleicht gibt Dir das einen Denkanstoß ohne jquery.

 

Hallo,
Das ist mir schon klar...das ich sowas über Layer verstecken mittels Show/hide funktionen machen kann.

Mich hat diese Funktionsweise über jquery.js interessiert, die ja sowieso schon geladen ist - und auch geschmeidiger beim Öffnen des Layer verläuft.

Nun denn....dabei aber nun das Problem mit der Lightbox entdeckt.
Die kann eben nicht mehr mit den neueren (ab jquery 1.4.2) Versionen von jquery sauber arbeiten. Wie ich lese macht das auch 1.4.3 schon Probleme.
Lightbox ist seit Februar glaub ich nicht mehr angepasst worden.

Und - Lightbox wird ja nun massenweise angewendet.

aber danke
und Grüße thomas

 

Könntest ja mal die Alternative testen: http://wordpress.org/extend/plugins/wp-slimbox2/

 

danke maxe....

aber jquery 1.4.4 scheint sich wohl zum Problem auszuwachsen:

siehe codestyling

 

richtig, hab ich gestern auch gelesen