Function javascript qui ne fonctionne pas
Résolu
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 :
la fonction javascript
Je ne comprends pas pourquoi ça marche pas vu que j'utilise ces 2 fonctions dans d'autres pages.
merci de votre aide
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
-
salut
petite erreur de syntaxe au niveau duonmouse="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.
