JS Menü

[sarah]

das Menü sollte aufgeklappt stehen bleiben wenn man auf einen Link klickt, zum Beispiel unter Ausbildung. Leider funktioniert das ganze nicht. Ich bin totaler Anfäger und brauche Hilfe ;-)

<script type="text/javascript">
function montre(id)
{
 with (document)
 {
  if (getElementById)
   getElementById(id).style.display = 'block';
  else if (all)
   all[id].style.display = 'block';
  else
   layers[id].display = 'block';
 }
}
function cache(id)
{
 with (document)
 {
  if (getElementById)
   getElementById(id).style.display = 'none';
  else if (all)
   all[id].style.display = 'none';
  else
   layers[id].display = 'none';
 }
}
      </script>
            <div class="menu">
              <ul>    <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
                <ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
                </ul>    </li>    <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Praxis</a>
                <ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
                </ul>    </li>                                     <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Trailer</a>
                <ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
                </ul>    </li>                                                     <li>
                <a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Stimmen</a>
                <ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
                </ul>                                     </li>
                <li class="ausbildung">
                  <a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Ausbildung</a>
                  <ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">        <li>
                    <a href="farbwelt_rot.html">Konstruktionsmechaniker</a></li>        <li>
                <a href="farbwelt_gruen.html">KFZ Mechatroniker</a></li>
              </ul>                                                     </li>                 <li>
              <a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Kontakt</a>
              <ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
              </ul>                                     </li>                         <li>
              <a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Bewerben</a>
              <ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">        <li>
                <a href="">Bewerbungsformular</a></li>        <li> </li>
              </ul>    </li>                         <li>
              <a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Impressum</a>
              <ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
              </ul>    </li>
              </ul>
              <br>
              <br>
            </div>

[Joachim]

Hi,

das Menü sollte aufgeklappt stehen bleiben wenn man auf einen Link klickt, zum Beispiel unter Ausbildung. Leider funktioniert das ganze nicht.

so einfach gehts leider nicht. Da beim Überfahren von Links mouseout auch innerhalb der UL feuert, muss abgefragt werden, ob sich das feuernde Element innerhalb der Navi befindet. Du kannst Dir entweder hier ein paar Anregungen holen, oder es auch mal alternatin nur mit Css und hover probieren. Da müsstest Du dann nur für IE6 per Javascript einen Css-Klassenwechsel einbauen...

Gruesse, Joachim

[Felix Riesterer]

Liebe sarah,

können eigentlich Leute ohne JavaScript das Menü auch benutzen?

Liebe Grüße,

Felix Riesterer.