Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
996 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme on mouse out et area

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme on mouse out et area

n°2070533
fab48
Posté le 17-04-2011 à 19:31:56  profilanswer
 

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 ++

mood
Publicité
Posté le 17-04-2011 à 19:31:56  profilanswer
 

n°2070853
vanish
Ce qui brûle, brûle !
Posté le 19-04-2011 à 12:05:13  profilanswer
 

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
n°2070903
fab48
Posté le 19-04-2011 à 15:21:28  profilanswer
 

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 +

n°2070935
vanish
Ce qui brûle, brûle !
Posté le 19-04-2011 à 17:32:46  profilanswer
 

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
n°2070953
fab48
Posté le 19-04-2011 à 19:02:57  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme on mouse out et area

 

Sujets relatifs
macro VBA sous excell 2000 probleme avec excell 2007Problème avec une requete GROUP BY
[Résolu] Problème syntaxe IE sur lien vers une page avec lecteur mp3Problème d'affichage d'image en hover dans une liste
Problème avec une HashMap en Javapython & Mac OS X : problème pour lancer un module [résolu]
Problème compatibilité Flash/IEProblème mis en place d'un système de paiement CB
[SQL]Problème d'accentsproblème de conversion unsigned const char* => const char*
Plus de sujets relatifs à : Probleme on mouse out et area


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR