menu dynamyque - Forum Javascript / DOM / Ajax

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  menu dynamyque

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: menu dynamyque (Lu 1213 fois)

menu dynamyque
« sur: le 11-03-2007 a 22:32:53 »

web-abdel
Membre récent

Hors-Ligne

Messages: 1

Je suis un lama!

salut je suis un debutant dans le webmasting et je susi entrain de crere un web site mais malheuresement j ais recontre un problaie de creéer un menu dynamique .

j'ais creé deux layer le premier c est le menu principale est visible et le deusiéme c'est sous menu est caché . je voudrer que l'orseque je clique sur un titre dans le menu pricipale le soumenu devien visible et quand la souris sort de la zonne du layer (sous menu) le sous menu devien invisible.

j ais tenté avec se code le mais le problaime c est les link du sous menu porend la valeure onmouseout="cache_()" sa veut dire quand la souris passe d un link de sous menu le layer de sous menu devien invisible .

ok pour mieux me comprendre voila le code :[font=Arial]

<html>
<head>

<script language="JavaScript">
function affiche()
{
document.getElementById("smenu1").style.visibility="visible";
}

function cache()
{
document.getElementById("smenu1").style.visibility="hidden";
}
</script>

<style type="test/css")
#testmenu{
position:absolute;
top:122;
left=10%;
width=150px;

height:65%;
background= #f5ebe7;
z-index: -1;
}

#smenu1{
position=absolute;
top:20px;
left:25%;
height:80px;
background= #29de0b;
width=90%;
z-index: 1;
visibility:hidden;

}
</style>
</head>
<body>
<div class="pub"><div class="pub1"><img src="../images/util.gif" ></div></div>
<div id="testmenu" ><a id="a1" href="#" onclick="affiche()" > Livres</a><div id="smenu1" onmouseout="cache()" >

<a href="#"> Informatique</a><BR>
<a href="#"> sciences & Technique</a><br>

1<br>
2<br>
32<br>

</div></div>
</body>
</html>

merci d'avance