Frage: "Dynamisches" Menü

[shadow2]

Guten Abend,

ich habe eine Frage und zwar will ich ein Menü erstellen, welches durch ein Klick auf einen Link im "Main" Menü, ein anderes Menü (Untermenü) in einer darunterliegenden Tabelle oder DIV erscheinen lässt.

Ich bin mir jetzt nicht sicher ob das mit PHP oder eher Javascript realisierbar ist, aber man darf ja fragen

Falls einer eine Idee hat, es wäre wirklich nett, mir diesen Codeschnipsel zu verraten

Grüße,
shadow

Nachtrag:
Ich habe mal mein Design angehängt, welches dann diesen Code benutzen soll:

 

[metalalisa]

Hallo,

können Sie das hier ansehen und nehmen
http://hannoverhaus.de/

<SCRIPT language=JavaScript src="bilder/klayers.js" type="text/javascript"></SCRIPT>
<SCRIPT language=JavaScript src="bilder/kmenu2.js" type="text/javascript"></SCRIPT>
<SCRIPT language=JavaScript src="bilder/kmenu.js" type="text/javascript"></SCRIPT>

<td  height="20" id=menulayer1 style="cursor:pointer;"
onmouseover="showMenu('menulayer1','submenulayer1','menulayer1_a','bilder/menu_bg.png');" colspan="2"">
                        <div align="center"><span id=menulayer1_1><a id=menulayer1_a class=mainlevel href="aktuelles.php"><img src="bilder/leer.gif" width="18" height="12" border=0>Top
                          News</a></span><span
      class=menuskin id=submenulayer1 style="width: 205px; height: 146px; z-index: 300">
                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu() href="aktuelles.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Aktuelles</span></a>
                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="spezial_1.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>KfW
                          - 60 <i>Plus</i></span></a> <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="spezial_2.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Spezial</span></a>

                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="termine.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Termine</span></a>
                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="angebot_monats_gr.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Angebot
                          des Monats</span></a> <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="bauprojekte.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Aktuelle
                          Bauprojekte</span></a> <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="gruendstueck.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Grundst?cke</span></a></span>
                          <!-- submenulayer1 -->
                        </div>
                      </td>

 

[shadow2]

Hallo,

erstmal Danke für die Hilfe.

Nur habe ich ein Problem, und zwar habe ich keine Erfahrung in Javascript, drum wäre eine kleine Einleitung nett, was ich beachten muss bzw. ändern.

Aber genau das ist es, was ich gesucht habe, danke

Grüße,
shadow

 

[metalalisa]

Das ist Menütitel

<span id=menulayer1_1><a id=menulayer1_a class=mainlevel href="aktuelles.php"><img src="bilder/leer.gif" width="18" height="12" border=0>Top
                          News</a></span>

Das ist Menü

<span
      class=menuskin id=submenulayer1 style="width: 205px; height: 146px; z-index: 300">
                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu() href="aktuelles.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Aktuelles</span></a>
                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="spezial_1.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>KfW
                          - 60 <i>Plus</i></span></a> <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="spezial_2.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Spezial</span></a>

                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="termine.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Termine</span></a>
                          <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="angebot_monats_gr.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Angebot
                          des Monats</span></a> <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="bauprojekte.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Aktuelle
                          Bauprojekte</span></a> <a onMouseOver=cancelHideMenu()
      onMouseOut=initiateHideMenu()
      href="gruendstueck.php"><span class="test"><img src="bilder/leer.gif" width="18" height="14" border=0>Grundstücke</span></a></span>

Um Menü yu anyeigen sollen Sie nutzen

onmouseover="showMenu('menulayer1','submenulayer1','menulayer1_a','bilder/menu_bg.png');"

Ich hab vergessen. Sollen Sie auch Style 'test','mainlevel' und 'menuskin' kopieren aus

<link rel="stylesheet" type="text/css" href="includes/style.css">