Dynamische Menüs mit DHTML

Bewegen Sie die Maus über die Menüs und klicken die Menüs an. Die Hauptmenüs funktionieren leider nur mit Internet Explorer.

Agenda

  1. Tagesordnungspunkt 1
  2. Besondere Punkte

    1. Sonderthema 1
    2. Sonderthema 2

  3. Tagesordnungspunkt 2
  4. Besondere Punkte

    1. Sonderthema 1
    2. Sonderthema 2

Weitere Themen

  1. Thema 1
  2. Thema 2
  3. Thema 3

Sourcecode:

<div style="cursor:hand" onClick="Umschalten(document.all.Tagesordnung)">
 <h3>Agenda</h3>
</div>

<span style="color: blue" id=Tagesordnung>
 <ol>
<li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Tagesordnungspunkt 1</a></li>

  <div style="cursor:hand" onClick="Umschalten(document.all.Mehr)">
   <h3>Besondere Punkte</h3>
  </div>

  <span style="color: red" id=Mehr>
   <ol>
    <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Sonderthema 1 </a></li>
    <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Sonderthema 2 </a></li>
   </ol>
  </span>

  <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Tagesordnungspunkt 2 </a></li>

  <div style="cursor:hand" onClick="Umschalten(document.all.Weiteres)">
   <h3>Besondere Punkte</h3>
  </div>

  <span style="color: red" id=Weiteres>
   <ol>
    <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Sonderthema 1 </a></li>
    <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Sonderthema 2 </a></li>
   </ol>
  </span>

</ol>
</span>

<div style="cursor:hand" onClick="Umschalten(document.all.Formal)">
 <h3>Weitere Themen</h3>
</div>

<span style="color: green" id=Formal>
<ol>
 <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Thema 1 </a></li>
 <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Thema 2 </a></li>
 <li><a href="javascript:NeuesFenster('test1.html',300,200,30,30)">Thema 3 </a></li>
</ol>
</span>

<script language="VBScript">
Function Umschalten(e)
  If e.style.display = "none" Then
     e.style.display = ""
  Else
     e.style.display = "none"
  End if
End function
</script>
 Ranking-Hits zurück Sitemap
Designed by www.wbrnet.info