menu déroulant sur image

bonjour !
Je cherche un moyen de faire un menu qui se déroule lors du survol d'une image, si possible avec une image map.

en gros mon menu sera une image (menu.jpg), avec des zones réactives et lors du survol d'une de ces zones, un menu se apparait (en dessous). Ce menu (enfin, cette image) pourra être placé(e) n'importe où sur la page, donc pas de position absolue.

voilà !
j'ai beaucoup cherché et je n'ai pas trouvé.

merciiii


-----------------------------------------
Jack NUMBER  

Bonjour,

<div id="menu" style="position:relative;diplay:none">le code de ton menu</div>
<img name="ton image" onmouseon="document.getElementById('menu').style.display='';" onmouseout="document.getElementById('menu').style.display='none';"

---

Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?

ha super !! merci
juste: tu n'as pas fermé ta balise img (> à la fin du code)
et le menu s'affiche avant que je ne le suvole, il fodrait faire en sorte que lors du chargement de la page, il se cache.

merci encore pour cette réponse si rapide.


-----------------------------------------
Jack NUMBER  

ha, aussi, le menu ne s'affiche pas lors du survol..................


-----------------------------------------
Jack NUMBER  

ha aussi, lorsque je vais sur le menu bah.......... il disparait puisque je suis en dehors de l'image.



-----------------------------------------
Jack NUMBER 

Bonjour,
faute de frappe display:none et non pas diplay:none
et c'est onmouseover.
lol c'est pas mon jour moi

---

Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?

donc je refais le code lol :
<div id="menu" style="position:relative;display:none">le code de ton menu</div>
<img name="ton image" onmouseover="document.getElementById('menu').style.display='';" onmouseout="document.getElementById('menu').style.display='none';">

---

Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?

ouaiiiii !!
merci
et y orait-il un moyen de faire apparaitre le menu comme un calque par dessus la page et en dessous de l'image
ça serait top !

merci

-----------------------------------------
Jack NUMBER  

Bonjour,
Oui,

<script>
function show(object,state)
{
var menu=document.getElementById("menu");
if(state=="on")
{
menu.style.display="";
menu.style.top=object.offsetTop;
menu.style.left=object.offsetTop;
}
else
{
menu.style.display="none";
menu.style.top=0;
menu.style.left=0;
}
}
</script>
<div id="menu" style="position:absolute;top:0;left:0;display:none;">cod du menu</div>
<img onmouseover="show(this,'on')" onmouseout="show(this,'off')" src="img.jpg" name="img1">
<img onmouseover="show(this,'on')" onmouseout="show(this,'off')" src="img.jpg" name="img2">
<img onmouseover="show(this,'on')" onmouseout="show(this,'off')" src="img.jpg" name="img3">

---

Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?

GÉNIAL !
juste un petit détail, comment faire pour que le menu affiché ne clignote pas lors du mouvement de la souris (sans doute dût au scrit qui le cache en dehors de l'image)

arpès ça sera parfait !!!


-----------------------------------------
Jack NUMBER