Hi alle zusammen,
ich will ein div ein bzw. ausblenden bei überfahren.
Nur funktioniert das nicht so wie ich das will und ich find den Fehler nicht
Kann mir jemand helfen?
Das Javacript:
Code:
<script type="text/javascript">
document.getElementById('Medien').style.display='none';
document.getElementById('Kontakt').style.display='none';
document.getElementById('Verwaltung').style.display='none';
function einblenden(elementname)
{
document.getElementById(elementname).style.display='block';
}
function ausblenden(elementname)
{
document.getElementById(elementname).style.display='none';
}
</script>
Die map mit den Links:
Code:
<map name="menu">
<area shape="rect" coords="0,0,66,10" href="?part=test" alt="" title="">
<area onmouseover="einblenden(Medien)" onmouseout="javascript:ausblenden('Medien')" shape="rect" coords="125,0,204,10" href="?part=test" alt="" title="">
<area onmouseover="einblenden(Kontakt)" onmouseout="javascript:ausblenden('Kontakt')" shape="rect" coords="264,0,350,10" href="?part=test" alt="" title="">
<area onmouseover="einblenden(Verwaltung)" onmouseout="javascript:ausblenden('Verwaltung')" shape="rect" coords="410,0,510,10" href="?part=test" alt="" title="">
</map>
Und die div's:
Code:
<div class="menu" onmouseover="javascript:einblenden('Medien')" onmouseout="javascript:ausblenden('Medien')" id="Medien" style="display: none;position: absolute; top: 152px; left: 380px;" class="tabsmenucontent">
<ul>
<li><a href="?part=Neuer Podcast">Podcasts</a></li>
<li><a href="?part=Neues Bild">Bilder</a></li>
</ul>
</div>
<div class="menu" onmouseover="javascript:einblenden('Kontakt')" onmouseout="javascript:ausblenden('Kontakt')" id="Kontakt" style="display:none;position: absolute; top: 152px; left: 515px;" class="tabsmenucontent">
<ul>
<li><a href="?part=Kommentare">Kommentar senden</a></li>
<li><a href="?part=Musikwünsche">Musikwünsch abgeben</a></li>
<li><a>E-Mail</a></li>
</ul>
</div>
<div class="menu" onmouseover="javascript:einblenden('Verwaltung')" onmouseout="javascript:ausblenden('Verwaltung')" id="Verwaltung" style="display: none;position: absolute; top: 152px; left: 660px;" class="tabsmenucontent">
<ul>
<li><a href="">Historie</a></li>
<li><a href="?part=Alle User">Das RadioKaktus Team</a></li>
<li><a>Unsere Technik</a></li>
</ul>
</div>
Ich hoffe dass mir jemand helfen kann.
MFG
Robin