Bonjour,
Je suis debutante en javascript. Pour mon site personnel j'ai crée un menu vertical deroulant avec le javascript.
Voila mon probleme: quand on passe avec le sourri sur une categorie du menu, celui ci s'ouvre normalement, mais quand je veux cliquer sur la sous-categorie il se ferme avant meme de pouvoir le survoler.
Le menu il marche tres bien avec le firefox. La probleme apparait seulement avec internet explorer.
Merci beaucoup pour votre aide.
Voila mon code:
<!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>
<script type='text/javascript'>
function afficher(nom){
//alert(nom);
document.getElementById(nom).style.display="block";
}
function supprimer(nom){
//alert(nom);
document.getElementById(nom).style.display="none";
}
</script>
<style type="text/css">
#menu{
position :absolute;
z-index:10;
left:560px;
top:126px;
width:106px;
}
.onglet{
postion:relative;
float:left;
}
#publicité{
display:none;
background:#FFFFFF;
width:106px;
}
#art{
display:none;
background:#FFFFFF;
width:61px;
}
#cv{
display:none;
background:#FFFFFF;
width:31px;
}
#contact{
display:none;
background:#FFFFFF;
width:66px;
}
</style>
</head>
<body>
<div id ="menu">
<div class="onglet" onmouseover="afficher('publicité')"; onmouseout= "supprimer('publicité')";>
<img src="site/menu/menu2_01.jpg" />
<div id="publicité">
<img src="site/menu/menu_07.gif" border="0"><br/>
<a href="airaffiches.php?page=7" target="_self"><img src="site/menu/menu_10.gif" border="0"><br/></a>
<img src="site/menu/menu_12.gif" border="0"><br/>
<img src="site/menu/menu_14.gif" border="0"><br/></div>
</div>
<div class="onglet"
onmouseover="afficher('art')";
onmouseout= "supprimer('art')";>
<img src="site/menu/menu2_02.jpg" />
<div id= "art">
<a href="peinturepage2.php?page=0"><img src="site/menu/menu_08.gif" border="0"><br/></a>
<a href="dessinpage.php?page=14"><img src="site/menu/menu_11.gif" border="0"><br/></a>
<a href="tapisseriepage.php?page=0"><img src="site/menu/menu_13.gif" border="0"><br/></a>
</div></div>
<div class="onglet">
<img src="site/menu/menu2_03.jpg" />
<div class="onglet">
<a href="contactpage.html"><img src="site/menu/menu2_04.jpg" border= "0"/></a></div>
</div>
</body>
</html>