div schliessen

[simily]

Hallo,

jetzt bin ich völlig verwirrt, da ich jetzt in meinem content ein Bild dargestellt bekomme. Was ich möchte ist folgendes:

Ich habe eine Bildlaufleiste auf der rechten Seite. Wenn ich dort ein Bild (

rotations[0]  = '<a id="displayText" href="javascript:toggle1();"><img src="http://..../DSCF5696.JPG" border=0 width="200" height="187"></a>'

) anklicke soll sich

<div id="toggleText" style="display: none"><h1>test</h1></div>

öffnen. Wenn ich dann auf Bild z.B. 2 klicke (

rotations[1]  = '<a id="displayText_1" href="javascript:toggle2();"><img src="http://.../DSCF5554.JPG" border=0 width="200" height="187"></a>'

) soll sich das DIV

<div id="toggleText_1" style="display: none"><h1>test000000</h1></div>

schliessen usw.
Zur Zeit werden alle DIV´s geöffnet wenn ich die jeweiligen Bilder anklicke wenn ich dann auf das jeweilige Bild wieder clicke verschwindet erst dann wieder das jeweilige DIV.

 

[Maik]

Ich würde mal das Script dahingehend ändern, dass die ID des jeweiligen DIVs beim Aufruf der Funktion toggle() als Parameter in den runden Klammern übergeben wird.

Oder willst du ernsthaft für jedes einzelne DIV eine weitere gesonderte toggle-Funktion definieren?

Siehe hierzu z.B.: http://www.tutorials.de/forum/javascript-tutorials/24983-basic-dhtml-menue.html

mfg Maik

 

[simily]

Hallo nochmal,

ich verstehe den Ansatz und wie man das durchführt. Ich bekomme aber ein Syntaxfehler, weil ich die Parameter unter

rotations[2]  = '<a href="#" onclick="show('toggleText_1')"><img src="./crawler1.gif" border=0></a>'

übergeben möchte. Wenn ich "show()" leer lasse zeigt er mit keinen fehler mehr an.

 

[Maik]

Und wie lautet analog zu dieser Codezeile dein aktuell überarbeitetes Javascript?

Bei dem Umfang wäre hier auch über den Einsatz eines JS-Frameworks nachzudenken, das u.a. so einen toggle-Effekt schon in seinem Gepäck hat - da heißt es dann im Prinzip "Plug & Play";-)

http://api.jquery.com/toggle/

mfg Maik

 

[ComFreek]

Eventuell ist das "Accordion" von jQuery interessant für dich (Click!)

 

[Quaese]

Hi,

du musst bei der Übergabe des Strings die einfachen Anführungszeichen maskieren:

rotations[2]  = '<a href="#" onclick="show(\'toggleText_1\')"><img src="./crawler1.gif" border=0></a>'

Ciao
Quaese

 

[simily]

@ COMFREAK ja; genauso soll es sein... Komme aber immer noch nicht weiter.... na ja...

 

[Maik]

Quaese hat dir doch vor vier Stunden erläutert und demonstriert, wie's ohne Syntaxfehlermeldung mit deinem Script im Text weitergeht.

Wenn du trotz seines Tipps nun an einer anderen Stelle festhängst, solltest du darauf auch näher eingehen, und deinen aktuellen Code zeigen, dass man sich dazu auch konkret äußern kann.

Hellsehen und die Glaskugel-Fragestunde war noch nie die Stärke unseres Forums und seiner Mitglieder ;-)

mfg Maik