Probleme on mouse out et area

Probleme on mouse out et area - HTML/CSS - Programmation

Marsh Posté le 17-04-2011 à 19:31:56    

Bonjour à tout le monde , nouveau sur ce forum je vous salue tous et vous remercie par avance de votre accueil.
 
Je vous expose mon probleme : je suis entrain d'ecrire un site web , et j'ai mis en place un petit rollover sur une image , et donc des que je survole cette image elle est remplace par une autre et lorsque j'en sors l'image d'origine revient. jusqu'ici rien de bien mechant !  
 
Sur cette meme image j'ai place un <area shape> pour pointer sur des pages externes , ca fonctionne sur IE mais le probleme c'est que sur MF et Safari des que je rentre dans une zonne mappée il considere que je sors de l'image et active donc le "onmouseout"
 
 
voici donc le code pour etre bien clair : <img usemap="#plan" src="images/cartsi.gif" onmouseover="this.src='images/plan.gif';" onmouseout="this.src='images/cartsi.gif';"   align="middle" alt="picture" width="500" height="468" />
 
... trois heures que je cherche !! a se taper la tete contre un mur.
 
Si quelq'un a une solution ca me depatouillerait vraiment.
 
Merci beaucoup par avance , a ++

Reply

Marsh Posté le 17-04-2011 à 19:31:56   

Reply

Marsh Posté le 19-04-2011 à 12:05:13    

Salut,

 

perso pr une plus grand flexibilité je prefere utiliser un bloc en position: relative; avec une image background et des liens en absolute dedans, mais sinon pr une solution un peu crade à ton probleme :

 

<img id="imagePlan" usemap="#plan" src="images/cartsi.gif" onmouseover="this.src='images/plan.gif';" onmouseout="this.src='images/cartsi.gif';"   align="middle" alt="picture" width="500" height="468" />
<map name="plan"  onmouseover="document.getElementById('imagePlan').src='images/plan.gif'">
        <area ... />
</map>


Message édité par vanish le 19-04-2011 à 12:06:55
Reply

Marsh Posté le 19-04-2011 à 15:21:28    

Salut et vraiment merci ... ca marche !!!
 
Je trouve ca pas crade du tout ;-) !!!!
 
Comment tu l'aurais ecrit autrement plus proprement ? ( si t'as le temps hein , c'est juste par curiosite , le principal pour moi c'est que ton code fonctionne)
 
Merci encore , ca m' a rendu chevre cette histoire ...
 
a +

Reply

Marsh Posté le 19-04-2011 à 17:32:46    

Bin tel quel en utilisant une map pas grand chose à faire de plus propre en effet.
Perso j'aime bien exporté tout le javascript hors du html mais si c'est juste pr ça c'est un peu ridicule maniaque ;)


Message édité par vanish le 19-04-2011 à 17:33:07
Reply

Marsh Posté le 19-04-2011 à 19:02:57    

c'est ce que je fais également , mais pour ce cas precis autant l'integrer direct dans le html, en tout cas c'est pile poil ce qu'il me fallait. :)


Message édité par fab48 le 19-04-2011 à 19:03:22
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed