Problème JavaScript (OnMouseOver)

Fermé
licornia Messages postés 37 Date d'inscription vendredi 21 septembre 2007 Statut Membre Dernière intervention 28 août 2014 - 25 mai 2012 à 18:02
Tralala8 Messages postés 120 Date d'inscription mercredi 17 août 2011 Statut Membre Dernière intervention 12 février 2013 - 25 mai 2012 à 21:10
Bonjour,
Je me permets de vous demander de l'aide concernant un petit programme en JavaScript que j'ai réalisé.
Il s'agit d'un exercice en classe, le professeur demande à ce qu'on utilise une fonction (qui change l'image grâce à OnMouseOver) au niveau du javascript et de la rappeler par la suite dans le corps html, comme suit:

<HTML>
<HEAD>
<SCRIPT language="JavaScript">

function Survoler(){Document.images[0].src = 'image_2.png'}

function nonSurvoler(){Document.images[0].src= 'image_1.png';}

</SCRIPT>
</HEAD>

<BODY> <form name="images">
    <a href = "mailto://nom.prenom@gmail.com"><img src="image_1.png" name="image" onMouseOver = "Survoler()"; onMouseOut = "nonSurvoler()";> </a>
    
</form>    
</BODY>
</HTML>


Le problème c'est qu'au niveau du navigateur il n'affiche que la première image, lorsque je survole avec ma souris, firebug (sous mozilla) affiche une erreur au niveau du :
function Survoler(){Document.images[0].src = 'image_2.png'}
ainsi que la fonction nonSurvoler().
Je suis coincée j'espère que quelqu'un pourra m'aider.

Merci d'avance



1 réponse

Tralala8 Messages postés 120 Date d'inscription mercredi 17 août 2011 Statut Membre Dernière intervention 12 février 2013 14
25 mai 2012 à 21:09
Bonjour,

Essaie en rajoutant un ";" à la fin des tes deux lignes de javascript (juste avant les accolades fermées).
0
Tralala8 Messages postés 120 Date d'inscription mercredi 17 août 2011 Statut Membre Dernière intervention 12 février 2013 14
Modifié par Tralala8 le 25/05/2012 à 21:11
Enfin, au niveau de la première ligne uniquement. La seconde elle est présente.

Et je viens de voir aussi : il n'y a pas besoin des ";" dans la balises <img>.
0