|
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
Besondere PunkteBesondere PunkteWeitere ThemenSourcecode:
<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>
|