|
|||
Einblenden von divs
Hi !
Also ich habe folgendes Problem .. ich möchte gerne Produktgruppen mit Javascript erstellen. Das ganze soll wie folgt aussehen: Produktgruppe 1 - Untergruppe 1 - - Unteruntergruppe 1 - - Unteruntergruppe 2 - Untergruppe 2 - - Unteruntergruppe 1 - - Unteruntergruppe 2 - Untergruppe 3 Produktgruppe 2 u.s.w Ich hab mal etwas recherchiert und mir wurde dazu folgendes Script empfohlen: <script language="JavaScript" type="text/javascript"> <!-- function einblenden(div) { with(document.getElementById(div).style){ if(display=="none"){ display="inline"; } else{ display="none"; } } } //--> </script> ... und das ganze sollte dann so funktionieren : <a href=javascript:einblenden('Produkt1');>Ionenausta uscher</a><br> <div id="Produkt1" style="display : none;"> <div id="pdk1"><a href=javascript:einblenden('Produkt11');>Kationena ustauscher</a><br></div> <div id="pdk1"><a href=javascript:einblenden('Produkt12');>Anionenau stauscher</a><br></div> <div id="Produkt11" style="display : none;"> <div id="pdk2"><a href="katswsa.htm">schwach - sauer</a><br></div> <div id="pdk2"><a href="katstsa.htm">stark - sauer</a><br></div> <div id="Produkt12" style="display : none;"> <div id="pdk2"><a href="aniswba.htm">schwach - basische</a><br></div> <div id="pdk2"><a href="anistba.htm">stark - basische</a><br></div> </div> </div> </div> Das Problem ist nun wenn ich jetzt auf Kationenaustauscher drücke blendet sich die Gruppe 11 unter Anionenaustauscher ein, und nicht unter Kationen austauscher, was es eigentlich tun sollte. Wenn ich aber das ganze nun so mache funktioniert es auch wieder nicht :\ <a href=javascript:einblenden('Produkt1');>Ionenausta uscher</a><br> <div id="Produkt1" style="display : none;"> <div id="pdk1"><a href=javascript:einblenden('Produkt11');>Kationena ustauscher</a><br></div> <div id="Produkt11" style="display : none;"> <div id="pdk2"><a href="katswsa.htm">schwach - sauer</a><br></div> <div id="pdk2"><a href="katstsa.htm">stark - sauer</a><br></div> <div id="pdk1"><a href=javascript:einblenden('Produkt12');>Anionenau stauscher</a><br></div> <div id="Produkt12" style="display : none;"> <div id="pdk2"><a href="aniswba.htm">schwach - basische</a><br></div> <div id="pdk2"><a href="anistba.htm">stark - basische</a><br></div> </div> </div> </div> So wird Anionenaustauscher erst gar nicht als Untermenü angezeigt sondern erst wenn ich die Kationenaustauscher Auswahl öffne. Ich hoffe habt einen netten Lösungsvorschlag wie ich mit diesem Problem umgehen kann. Grüße |
Sponsored Links |
|
|||
Einblenden von divs
Ja ne ^^ das sind die 2 möglichkeiten wie ich gedacht habe das es klappen könnte. tut es aber nicht.
Und falls du das div pdk meinst damit definiere ich nur margin left in der css Grüße |
|
||||
trotzdem MUSS eine id eindeutig sein, das ist bei dir nicht der Fall.
Code:
document.getElementById(div).style Gruß Timo Ps. das Forum ist so toll das hat sogar [CODE][/CODE]-Tags.
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4 |
|
|||
divs
Erstmal danke für deinen Tip aber es funktioniert leider immer noch nicht so.
Code:
<a href=javascript:einblenden('Produkt1');>Ionenaustauscher</a><br> <div id="Produkt1" style="display : none;"> <a href=javascript:einblenden('Produkt11');>Kationenaustauscher</a><br> <a href=javascript:einblenden('Produkt12');>Anionenaustauscher</a><br> <div id="Produkt11" style="display : none;"> <a href="katswsa.htm">schwach - sauer</a><br> <a href="katstsa.htm">stark - sauer</a><br> <div id="Produkt12" style="display : none;"> <a href="aniswba.htm">schwach - basische</a><br> <a href="anistba.htm">stark - basische</a><br> </div> </div> </div> Grüße |
|
||||
Dann nimm Dir jetzt mal Dein Javascript vor.
Du kannst nicht einfach schreiben "display: zeigmich;". JD versteht die CSS- Syntax nun mal nicht. Hier ein Beispiel aus SelfHTML: Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren | Alien | CSS | 17 | 20.03.2011 11:23 |
n Div's in eine Zeile | Mustangore | CSS | 9 | 20.08.2009 16:19 |
Höhenanpassung von divs | localex | CSS | 1 | 21.11.2007 12:25 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 07:32 |
Browser-Problem bei Positionierung von DIVs | mickropixel | CSS | 3 | 20.09.2004 17:25 |