Div mit Hyperlinks und Mouseover

veryxRV

Hallo zusammen!

Ich versuche gerade eine Navigation aus Divs zu erstellen, die sich nach unten hin erweitern und sich mit Hyperlinks für ein Untermenü füllen. Sobald die Maus das Div verlässt, geht es in den Ursprungszustand zurück.

Jetzt zu meinem Problem:

Sobald die Maus innerhalb des Divs auf einen Hyperlink stößt, scheint das "OnMouseover" Ereignis nicht mehr ausgelößt zu werden und das Div setzt sich zurück, weil OnMouseOut eintritt. Wie kann ich das verhindern? Ich habe schon bei mehreren Websites gesehen, dass es irgendwie funktionieren kann.

Hoffe das Problem ist deutlich geworden!

Danke schon mal im Voraus!

Gruß veryxRV

DarkSyranus

Moin
Code bitte !
Ohne den können wir nicht helfen.

veryxRV

Okay:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>


<body>
<script language="javascript">
	function Hover(ID)
	{
		ID.style.background="red";
		ID.innerHTML+="


[url='http://www.google.de']Test[/url]";
	}
	function Reset(ID, lnkText)
	{
		ID.style.background="yellow";
		ID.innerHTML= lnkText;
	}
</script>
<center>
<table align="center">
<tr>
<td>
		<div class="div_button" onmouseover="Hover(this)"  onmouseout="Reset(this, 'Home')" id="button" align="center" style="z-index:2; position:absolute; top:0px; left:0px;">
			Home
		</div>
		<div class="div_button" onmouseover="Hover(this)" onmouseout="Reset(this, 'Seite 1')" id="button 2" align="center" style="z-index:2; position:absolute; top:0px; left:110px;">
			Seite 1
		</div>
		<div class="div_button" onmouseover="Hover(this)" onmouseout="Reset(this, 'Seite 2')" id="button 3" align="center" style="z-index:2; position:absolute; top:0px; left:220px;">
			Seite 2
		</div>
		<div class="div_button" onmouseover="Hover(this)" onmouseout="Reset(this, 'Seite 3')" id="button 4" align="center" style="z-index:2; position:absolute; top:0px; left:330px;">
			Seite 3
		</div>
	</td>
	</tr>
</table>
</center>
</body>
</html>

Alles anzeigen

Div mit Hyperlinks und Mouseover

Tags

Benutzer online in diesem Thema