Aufklappmenü-JavaScript-Problem

Begonnen von cadwich, 24. August 2005, 11:55:03 Uhr

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

cadwich

Hallo Leute,
ich hab ein Problem:
Ich hab bei meiner Navigation auf meiner Homepage ein Aufklappmenü mit JavaScript.
Soweit geht ja alles gut, aber jetzt kommst:
Wenn ich jetzt zum Beispiel einen Link, sagen wir auf Home-Seite hab, der zu der Hallo-Seite verlinkt.
Doch diese sieht man nicht, weil sie erst sichtbar ist, wenn ich auf den Navigationspunkt Test drücke.
Aber wenn ich nun auf der seite angekommen bin soll die Navigationspunkt Test ausgklappt sein, so dass
man die anderen Unterpunkte, die neben Hallo noch existieren, sichtbar werden.

Jetzt noch mal eine Kurze Übersicht über meine Navigation:

-Home (Hauptpunkt)
-Test   (Hauptpunkt)
    -Hallo          (Unterpunkt, erst sichtbar bei Klick auf Test)
    -Sonstige     (Unterpunkt, erst sichtbar bei Klick auf Test)


<html>

<head>
<title>rgf</title>
<style>
ul, li
{
  margin:     0;
  padding:     0;
  list-style-type:   none;
}

ul#menue {
  width:    200px;
  margin:     3em 0 0 0;
}

ul#menue li a
{
  margin:     2px 0;
  height:     25px;
  line-height:     25px;
  text-align:     center;
  border:     1px solid #000000;
  background:     #EFEFEF;
  display:    block;
  color:    #FF6000;
  text-decoration:  none;
}

ul#menue li a + ul.submenue
{
  display:    none;
}

ul#menue li a:focus + ul.submenue
{
  display:    block;
  color:    #34537c;
}

ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4 li a
{
  background:    none; /* IE */
}
</style>
<script>
window.onload=zeigen;
function zeigen(id) {
  for (var i = 1; i<=5; i++) {
    if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
  }
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}</script>
</head>

<body>
<ul id="menue">
  <li><a href="#" onclick="javascript:zeigen('submenue1')">Home</a></li>
   
  <li><a href="#" onclick="javascript:zeigen('submenue2')">test</a>
    <ul id="submenue2" class="submenue">
      <li><a href="#">Hallo</a></li>
      <li><a href="#">Sonstiges</a></li>
    </ul>
  </li>

</ul>
</body>

</html>

cadwich