Function javascript qui ne fonctionne pas [Résolu/Fermé]

Signaler
-
 philippef -
Bonjour,

sur une page j'ai des images en petit format et au passage de la souris j'affiche la même image en plus grand
le code la page html :

<img src="images/flyer Reims 1.jpg" style="width:15em" alt="" onmouse="montrer('image1')";onmouseout="cacher('image1');"/><br />
<img src="images/flyer Reims 1.jpg" style="width:20em;margin-top:-30em;display:none;position:absolute;" border="1em" alt="" id='image1';/>

la fonction javascript

function montrer(id){
document.getElementById(id).style.display = "inline";
}
function cacher(id){
document.getElementById(id).style.display = "none";

}

Je ne comprends pas pourquoi ça marche pas vu que j'utilise ces 2 fonctions dans d'autres pages.
merci de votre aide

2 réponses

Messages postés
1377
Date d'inscription
mercredi 18 mars 2009
Statut
Membre
Dernière intervention
5 mars 2020
187
salut

petite erreur de syntaxe au niveau du
onmouse="montrer('image1')";


le ; est juste avant les guillemets
puis je crois que onmouse existe pas, l’événement s'appelle onmouseover

il est bon de prefixer le code js par "javascript:" pour faire plus propre

<img src="images/flyer Reims 1.jpg" style="width:15em" alt="" onmouseover="javascript:montrer('image1');" onmouseout="javascript:cacher('image1');"/><br />
<img src="images/flyer Reims 1.jpg" style="width:20em;margin-top:-30em;display:none;position:absolute;"  border="1em" alt="" id='image1'/>



Qui ne tente rien n'a rien
Merci pour la réponse.
j'ai les yeux qui se croisent.