Hi,
ich hab ein menu auf meiner seite gamacht, das auch so ganz gut funktioniert. jetzt wollte ich aber im java script noch eine function ( function auto() ) machen das die menu punkte gleich bei laden der seite geschlossen werden.
Kann mir einer sagen wie ich das machen kann.
Danke
Ernie
---------Javascript------------------
function mini() {
var LI = document.getElementById("Nav").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onclick=change;
}
LI = LI.nextSibling;
}
while(LI);
}
function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}
function change(){
if (sucheUL(this.firstChild).style.display=="none"){
sucheUL(this.firstChild).style.display="";
LI.style.listStyleImage="url(pics/nav/pfeil_o.gif)";
}
else{
sucheUL(this.firstChild).style.display="none";
LI.style.listStyleImage="url(pics/nav/pfeil.gif)";
}
}
function auto(){
}
----------------css----------------
ul#Nav {
margin: 0;
padding: 0;
font-size:12px;
padding-left: 20px;
}
ul#Nav a:link, ul#Nav a:visited {
color:#000000;
text-decoration:none;
}
ul#Nav a:hover, ul#Nav a:active {
color:#000000;
text-decoration:none;
}
ul#Nav li {
list-style: none;
margin: 0; padding: 0;
list-style-image:url(../../kiel-neu-neu/index_datein/pics/nav/pfeil.gif);
list-style-position:outside;
cursor:pointer;
}
ul#Nav li ul {
font-size: 11px;
margin: 0;
padding: 0;
padding-left: 8px;
position:relative;
}
/*ul#Nav li:hover ul {
display:block;
}*/
ul#Nav li ul a:link, ul#Nav li ul a:visited {
color:#000000;
text-decoration:none;
}
ul#Nav li ul a:hover, ul#Nav li ul a:active {
color:#000000;
text-decoration:underline;
}
ul#Nav li ul li {
list-style-image:url(../../kiel-neu-neu/index_datein/pics/nav/punkt.gif)!important;
list-style-position:outside !important;
margin: 0;
padding: 0;
}
------------------html-----------------
<ul id="Nav">
<li>Schüler
<ul>
<li><a href="../schueler/ausland/start.htm" target="haupt">Ausland</a></li>
<li><a href="../schueler/schuelze/start.htm" target="haupt">Schülerzeitung</a></li>
<li><a href="../schueler/vsfs/start.htm" target="haupt">Von Schüler für Schüler</a></li>
<li><a href="../schueler/sv/start.htm" target="haupt">Schülervertretung</a></li>
<li><a href="../schueler/junior/start.htm" target="haupt">Junior</a></li>
<li><a href="../schnell/klauspl/start.htm" target="haupt">Klausurenplan</a></li>
<li><a href="../schueler/ehemalig/start.htm" target="haupt">Ehemalige</a></li>
<li><a href="../schnell/ags/start.htm" target="haupt">AGs </a></li>
</ul>
</li>
.
.
.
</ul>