Liste

von **AK-86** am 30.05.2007, 01:28

Also ich hab schon lange gegoogelt aber konnte noch nichts finde, hoffe das man mir hier helfen kann.

Also ich will eine Liste erstellen wo jeder Teil noch mal unterteilt ist aber dies soll erst erscheinen wenn man drauf klickt.

Bsp:
a.
b.
c.
d.

Wenn ich auf b. klicke sollte das dann so aussehen.

a.
b.
___1.
___2.
___3.
c.
d.

(___ soll mal Lehrzeichen sein)

Ich wusste mal wie das geht das ist schon lange her. Weis auch nicht mal mehr womit es genau ging. Glaube es war XML aber weis es wirklich nicht mehr.

Danke schon mal im Voraus.

von **H-milch** am 30.05.2007, 02:51

hab hier etwas... (javascript)

Code: Alles auswählen: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>dynListe</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type="text/javascript"> function initialisiereListe() { var src = document.getElementById("dynListe"); var loop1, loop2; var kind1, kind2; for(loop1 = 0; loop1 < src.childNodes.length; ++loop1) { kind1 = src.childNodes[loop1]; if(kind1.nodeName == "LI") { for(loop2 = 0; loop2 < kind1.childNodes.length; ++loop2) { kind2 = kind1.childNodes[loop2]; if (kind2.nodeName == "UL") { kind2.style.display = "none"; } } } } } function dynListe(e) { var src = null; if(document.all) // Internet Explorer, Version vernachlässigen wir { src = event.srcElement; } else if(document.getElementById) // Netscape 6 { src = e.target; } var loop; // Netscape 6 liefert Textelement bei Klick in Liste, // daher in DOM-Hierarchie eine Ebene hochwandern if (src.nodeName == "#text") src = src.parentNode; for(loop = 0; loop < src.childNodes.length; ++loop) { var kind = src.childNodes[loop]; if (kind.nodeName == "UL") { kind.style.display = (kind.style.display == "none" ? "" : "none"); } } } </script> </head> <body onload="initialisiereListe()"> <h1>Dynamische Liste</h1> <p>Klicken Sie auf die übergeordneten Listenelemente, um die untergeordneten Ebenen ein- und auszublenden.</p> <ul id="dynListe" onclick="dynListe(event)"> <li>Element1 <ul > <li>Element11</li> <li>Element12</li> </ul> </li> <li>Element2 <ul > <li>Element21</li> <li>Element22</li> <li>Element23</li> </ul> </li> <li>Element3 <ul > <li>Element31 <ul > <li>Element311</li> <li>Element312</li> </ul> </li> </ul> </li> </ul> </body> </html>

es ist etwas verwirrend find ich(habs auch nicht selbst geschrieben).. naja wenn du dich mit javascript n bissl auskennst kannst du es vllt noch etwas verbessern oder an deine bedürfnisse anpassen. vllt reicht es dir aber auch so.
mfg H-milch

komentar zu folgenden posts:
jap. der erste </head> war quatsch ^^ hab den mal weggemacht.

von **AK-86** am 30.05.2007, 10:13

) danke, danke,... danke

genau das wollte ich wissen

naja werde mich dan mal an die arbeit machen um den quelltext zu verstehen.

edit: Hab aber mal noch eine Frage.
Wieso wird der <head> 2 mal geschlossen?
Hab das obere </head> mal weggelassen und es funzt auch und beim validieren wird bei beiden Möglichkeiten kein Fehler angezeigt.

Ist es also egal wie ich es mache?

von **BlueScreen-Bertrand** am 30.05.2007, 13:39

Den oberen </head>-Tag musst du weglassen. Das Java-Script gehört in den <head>-Tag.

Liste

Liste

Ähnliche Themen

Wer ist online?