Function javascript qui ne fonctionne pas

Résolu/Fermé
philippef - 17 août 2016 à 14:25
 philippef - 17 août 2016 à 14:48
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

totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
Modifié par totodunet le 17/08/2016 à 14:49
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
0
Merci pour la réponse.
j'ai les yeux qui se croisent.
0