Function javascript qui ne fonctionne pas

Résolu
philippef -  
 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

totodunet Messages postés 1377 Date d'inscription   Statut Membre Dernière intervention   200
 
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
philippef
 
Merci pour la réponse.
j'ai les yeux qui se croisent.
0