JavaScript-Teil für Dynamische CSS-Navigation
Thomas Schröder
- javascript
Hallo,
ich habe eine kleine Frage zu dem JavaScript von diesem Menü: http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern
Durch CSS-Formatierungen ist das Menü im Firefox, Opera und IE7 mehr als nur ein "Kind"-Element tief, allerdings weiß ich nicht, wie das dazugehörige JavaScript umgeschrieben werden muss, dass es auch der IE 6(und evtl. 5.5) versteht.
Hier die CSS-Eigenschaften:
#dnnhmenu ul ul {
margin: 0;
padding: 0;
position: absolute;
top: 0; left: 150px;
display: none; /* Unternavigation ausblenden */
}
#dnnhmenu ul ul ul {
display: none; /* Unternavigation ausblenden */
}
*:first-child+html #dnnhmenu ul ul { /* Workaround fuer den IE 7 */
background-color:silver; padding-bottom:0.4em;
}
#dnnhmenu ul li:hover ul {
display: block; /* Unternavigation in modernen Browsern einblenden */
}
#dnnhmenu ul li:hover ul li ul{
display: none;
}
#dnnhmenu ul li:hover ul li:hover ul{
display: block;
}
#dnnhmenu ul li:hover ul li:hover ul li ul {
display: none;
}
#dnnhmenu ul li:hover ul li:hover ul li:hover ul{
display: block;
}
#dnnhmenu ul li:hover ul li:hover ul li:hover ul li ul {
display: none;
}
Ist (noch) nicht perfekt, aber wenn nicht zumindest 3 Ebenen auch im IE6 funktionieren kann ich mir die Arbeit mit besserer Anpassung sparen :(.
Danke schon mal für eure Hilfe!
Gruß,
Thomas
Hallo,
falls dieses Beispiel nicht per JavaScript möglich ist, gibt es eine andere Möglichkeit das HouseMenu für DotNetNuke dynamisch aufklappen zu lassen, genau so wie das unflexible Solpart-Menü?
Schöne Grüße,
Thomas