par
orgerix » 10 mai 2007, 16:43
Bonjour, j'ai créé il y a quelques temps un script permettant de lier un zone d'une carte et un calque, qui s'affichait quand on la survolait. Jusque la, pas de problème.
Seulement, je fait des retouches sur le script et aimerai ajouter un lien dans le calque. Le seul problème, c'est que le calque redevient invisible des que la souri sort de la zone...
Voici mon code actuelle :
Code : Tout sélectionner
<style>
#id{position:absolute; left:$xf px; top:$yd px; visibility:hidden; background-color:#ffffce; border: 1px solid black;}
</style>
<map name="map">
<area shape="rect" onmouseover="document.getElementById('id').style.visibility='visible';" onmouseout="document.getElementById('id').style.visibility='hidden';" href="lien" coords="'$xd,$yd,$xf,$yf" />
</map>
<img scr="image" usemap="#map">
<div id="id">UN text</div>
J'ai essayé de mettre des evenement Onmouseover et onmouseout sur le calque, mais ca ne marche pas, j'ai essayer dans la feuille de style de mettre #id:hover, ca ne marche pas...
Pouvez vous m'aider ?
Bonjour, j'ai créé il y a quelques temps un script permettant de lier un zone d'une carte et un calque, qui s'affichait quand on la survolait. Jusque la, pas de problème.
Seulement, je fait des retouches sur le script et aimerai ajouter un lien dans le calque. Le seul problème, c'est que le calque redevient invisible des que la souri sort de la zone...
Voici mon code actuelle :
[code]<style>
#id{position:absolute; left:$xf px; top:$yd px; visibility:hidden; background-color:#ffffce; border: 1px solid black;}
</style>
<map name="map">
<area shape="rect" onmouseover="document.getElementById('id').style.visibility='visible';" onmouseout="document.getElementById('id').style.visibility='hidden';" href="lien" coords="'$xd,$yd,$xf,$yf" />
</map>
<img scr="image" usemap="#map">
<div id="id">UN text</div>[/code]
J'ai essayé de mettre des evenement Onmouseover et onmouseout sur le calque, mais ca ne marche pas, j'ai essayer dans la feuille de style de mettre #id:hover, ca ne marche pas...
Pouvez vous m'aider ?