Pull Down Menü

C

CyberOx

Grünschnabel
Hallo Gemeinde!!

Ich habe mir dieses script runtergeladen und für meine Zwecke sowei verändert. Leider fehlt in dem Script das onmouseout. Das Menu öffnet sich zwar wenn ich mit der Mouse drüber gehe, aber ich möchte das es sich wieder schließt ,wenn die Mouse nicht mehr drauf zeigt.

Sie hier:

<script type="text/javascript">
<!--

function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";
d.getElementById("cat2").style.display="none";

d.getElementById(divid).style.display="inline";

}
//-->
</script>
</head><body>
<a href="#" onmouseover="show('cat1')"><img src="Vereinswappen/button_groundhopping.png" width="200" height="17"></a><br>
</body></html>
<div id="cat1" style="display:none">
<a href="#"><img src="Vereinswappen/button_besuchte%20Spiele.png" width="200" height="17"></a><br></a>
<a href="#"><img src="Vereinswappen/button_geplante%20Spiele.png" width="200" height="17"></a><br></a>
<a href="#"><img src="Vereinswappen/button_Groundliste.png" width="200" height="17"></a><br></a>
<a href="#"><img src="Vereinswappen/button_definition.png" width="200" height="17"></a><br>

</div>
<br>
<div id="cat2" style="display:none"></div>
</body>

Wer kann mir helfen?

Danke.
 
1. würde ich dir raten deinen Text zu formatieren.
2. ist das meiner Meinung nach JavaScript und kein PHP!
3. würde folgende Veränderung Problem Nr.1 lösen:
aus
HTML: 
<a href="#" onmouseover="show('cat1')"><img src="Vereinswappen/button_groundhopping.png" width="200" height="17"></a><br>
machst du
HTML: 
<a href="#" onmouseover="show('cat1')" onmouseout="show('divid')"><img src="Vereinswappen/button_groundhopping.png" width="200" height="17"></a><br>
4. ließen sich aber die Links dann nicht mehr anklicken, weil sie beim mouseout auch wieder verschwinden
5. Ich arbeite daran
6. Bis gleich
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück