Archivlink: javarea.de Forum > JavaScript > Problem mit Script "Foldoutmenue Vertikal"
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Problem mit Script "Foldoutmenue Vertikal"
Pages: [1]
| geschrieben von hamburger am 27.04.2005 - 15:37 |
Hallo Leutz,
bin grad dabei das Script "Foldoutmenue Vertikal" von der Javarea.de Seite in eine Webseite anzupassen. Nun hab ich aber ein kleines Problem und zwar bräuchte ich zu dem jetzt schon vorhandenen Untermenü noch ein weiteres Untermenü wo die neu erscheinenden Links nochmals eingerückt werden. Ich hab schon eine menge rumprogrammiert aber irgendwie funktioniert das nie so richtig! Und zwar soll praktisch wenn man auf "Institut" drückt die beiden Punkte "Hotelseminar" und "Offenes Seminar" auftauchen und diese beiden Punkte sollen dann jeweils nochmal zum Anwählen sein und dann tauchen die Links auf! Also praktisch ein Unter-Untermenü   hoffe ich hab es nicht zu Umständlich beschrieben. Weiß jemand was ich da Ändern muss damit das so funktioniert? Der aktuelle Status ist so dass wenn ich auf "Institut" klicke zwar die beiden Unterpunkte auftauchen aber blöderweise schon mit "ausgeklapptem" Untermenü  Weiß jemand einen Rat? Vielen herzlichen Dank schonmal, Gruß
hamburger
Hier mein jetziger Code:
| Zitat | | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; CHARSET=iso-8859-1"><title>Javascript & CSS Seitenmenu</title>
<link rel="stylesheet" title="Screen" href="jssidemenu4_files/jssidemenu4.css" type="text/css" media="screen">
<style type="text/css">
<!--
#main {
margin-left: 9em;
}
#menu {
position: absolute;
left: 0;
margin: 0;
padding: 1ex;
}
#menu a {
display: block;
padding-left: 1em;
}
#menu ul{
margin-left: 0;
padding-left: 1em;
}
#menu li ul {
padding: 0;
margin: 0;
}
#menu li {
cursor: pointer;
list-style-type: none;
padding: 0;
text-decoration: underline;
display: block;
border: solid 1px white;
}
//-->
</style>
<script type="text/javascript">
<!--
function hideSub( ) {
if (!document.getElementsByTagName)
return;
var mnu = document.getElementById("menu");
var toplis = mnu.getElementsByTagName("li");
for (it = 0; it < toplis.length; it++) { /* each top li */
var sublis = toplis[it].getElementsByTagName("li");
for (is = 0; is < sublis.length; is++) { /* each sub li */
if (sublis[is].style)
if (toplis[it].className == 'show')
sublis[is].style.display = 'block';
else
sublis[is].style.display = 'none';
}
}
}
function mShow(Me)
{
if (!Me.getElementsByTagName)
return;
var mylis = Me.getElementsByTagName("li");
if (!mylis)
return;
for (j = 0; j < mylis.length; j++) {
if (mylis[j].style.display == 'block')
mylis[j].style.display = 'none';
else
mylis[j].style.display = 'block';
}
}
//-->
</script>
<body onload="hideSub();">
<ul id="menu">
<li><a href="#">Startseite</a></li>
<li onclick="mShow(this);">Institut
<ul>
<li onclick="mShow(this);">Hotelseminare</li>
<ul>
<li style="display: none;"><a href="#">Für Geist</a></li>
<li style="display: none;"><a href="#">Für Körper</a></li>
<li style="display: none;"><a href="#">Für Mitarbeiter</a></li>
<li style="display: none;"><a href="#">Hotels</a></li>
</ul>
<li onclick="mShow(this);">Offene Seminare</li>
<ul>
<li style="display: none;"><a href="#">Für SchülerInnen</a></li>
<li style="display: none;"><a href="#">Für Erwachsene</a></li>
<li style="display: none;"><a href="#">Termine</a></li>
</ul>
</ul>
</li>
<li><a href="#">Referenten</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</body>
</html> |
|
| geschrieben von Patrick am 27.04.2005 - 16:03 |
Bitte benutze mal die Suche.....
Dieses Thema wurde hier schon mehrfach besprochen! |
| geschrieben von hamburger am 27.04.2005 - 16:13 |
hmm, also ich konnte über die Suche keinen Beitrag mit einem ähnlichen Problem finden, kannste mir bitte den direkten Link sagen?! Vielen Dank, Gruß
hamburger |
|