Dynamische Menüs mit DHTML

Dynamische ausklappbare 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 älterem 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>
Sponsoren und Investoren

Sponsoren und Investoren sind jederzeit herzlich willkommen!
Wenn Sie die Information(en) auf dieser Seite interessant fanden, freuen wir uns über eine kleine Spende. Empfehlen Sie uns bitte auch in Ihren Netzwerken (z. B. Twitter, Facebook oder Google+). Herzlichen Dank!

Nach oben Sitemap
Impressum & Kontakt