[edit] div sur image

Salut.

J'ai codé un petit morceau qui permet de faire afficher un calque et le cacher quand on clic dessus.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script type="text/javascript"> function switchMenu(obj) { var el = document.getElementById(obj); if(el.style.display != "block") { el.style.display = "block"; } else { el.style.display = "none"; } } </script>

---

et voici le code du body.

Code:

---

1 2 3 4 5 6 7

<a onclick="switchMenu('cadre');" title="Switch the Menu"><img src="haut.gif" /></img></a></p>   <div id="cadre" style="display:none;"> <div id="bloccadre" > <p><?php include ("http://127.0.0.1/div%20good/news_rss.php?url=http://127.0.0.1/div%20good/rss.xml"); ?></p> </div> </div>

---

Jusque la aucun problème.

Maintenant j'ai une grande image que je découpe en quelques sortes grace à des area.

Code:

---

1 2 3

<map name="Map" id="Map"> <area shape="rect" coords="0,141,40,188" href="#" /> </map>

---

Et maintenant j'aimerai que le calque s'affiche quand je clic sur cette zone mais y a rien à faire je n'y arrive pas même si je rajoute un onclick apres le href

Help me.

Merci

Hello,
Chez moi ça marche...
Ton image ressemble bien à ca ? :

Code:

---

<img src=".." usemap="#Map"></img>

---

... parce que sans le "#" IE ignore ton usemap.

Je fait comme ceci.

Code:

---

1 2 3 4 5 6

<img src="Sans titre-1.jpg" alt="" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="rect" coords="0,141,40,188" href="#" /> <area shape="rect" coords="0,94,40,141" href="#" /> <area shape="rect" coords="0,47,40,94" href="#" /> <area shape="rect" coords="0,0,40,47" href="#" /></map>

---

Code:

---

1 2 3 4 5 6 7

<area shape="rect" coords="0,0,40,47" href="#" onclick="switchMenu('cadre');"/> </map>   <div id="cadre" style="display:none;"> <div id="bloccadre" > <p><?php include ("http://127.0.0.1/div%20good/news_rss.php?url=http://127.0.0.1/div%20good/rss.xml"); ?></p> </div> </div>

---

En faisant ceci, quand je clic sur la zone ca ne m'ouvre pas le calque c'est bizarre ca.

Ah ca y est ca marche.

Par contre le calque se met sous mon image qui est assez grande.
Y a possibilité de le faire apparaitre dessus?

z-index en CSS :

Code:

---

style="z-index:2;"

---

Ca reste quand meme en dessous.