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

  1. totodunet Messages postés 1513 Statut Membre 201
     
    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
  2. philippef
     
    Merci pour la réponse.
    j'ai les yeux qui se croisent.
    0