menu werkt niet

Status
Niet open voor verdere reacties.

jurrian-kaput

Gebruiker
Lid geworden
10 jul 2006
Berichten
81
ik heb ene probleem met een menu deze heb ik zelf gemaakt en nu schuift het menu wel uit alleen als ik dan naar beneden wil naar de knoppen dan doet hij het niet meer dan verdwijnt het blok weer. het menu staat op www.loonbedrijf-kaput.nl/menu.html
 
Laatst bewerkt:
Als je boven een link gaat staan zonder de div te verlaten wordt er ook een mouseout gegenereerd.

Maar ook weer een mouseover:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl">
<head>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
	font: 10pt Verdana, Helvetica, sans-serif;
	margin: 0px;
}
</style>

<script type="text/javascript">
var currentlyActive = "";

function ShowMenu (menu) {
	if (currentlyActive != "")
	    document.getElementById(currentlyActive).style.display = "none";
	    
	document.getElementById(menu).style.display = "block";
	
	currentlyActive = menu;
}

function HideMenu (menu) {
	menu.style.display = "none";
}

function RecallMenu (menu) {
	menu.style.display = "block";
}
</script>
</head>

<body>

<div style="display: block; float: left; width: 100px; height: 15px; left: 0px; border: solid #000000 1px;" onmouseover="ShowMenu('menu1');">
	<a href="javascript:void(0);">Menu 1</a>
</div>
<div style="display: block; float: left; width: 100px; height: 15px; left: 100px; border: solid #000000 1px;" onmouseover="ShowMenu('menu2');">
	<a href="javascript:void(0);">Menu 2</a>
</div>

<div style="display: block; float: left; width: 100px; height: 15px; left: 100px; border: solid #000000 1px;" onmouseover="ShowMenu('menu2');">
	<a href="javascript:void(0);">Menu 2</a>
</div>

<div style="display: block; float: left; width: 100px; height: 15px; left: 100px; border: solid #000000 1px;" onmouseover="ShowMenu('menu2');">
	<a href="javascript:void(0);">Menu 2</a>
</div>

<div style="clear: left;"></div>

</div>

<div id="menu2" onmouseout="HideMenu(this);" onmouseover="RecallMenu(this);" style="position: absolute; display: none; z-indez: 1; float: left; background: #CCCCCC; width: 150px; left: 100px; border: solid #CC0000 2px;">
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
	- <a href="aardappelen_rooien.php" alt="" />aardappelen rooien</a><br />
</div>

</body>

</html>
waarmee je het menu weer terug kunt halen. :)


Vr.Gr. Egel.
 
egel ik ben er mee bezig geweest maar als ik menu item verander in jpg bestanden dan doet hij het niet meer hoe kan dit?
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan