onMouseOver ne marche paschez moi !!

30 septembre 2009 à 18:48:10

Salut, j'ai envie qu'une image change lorsque le curseur est en dessus, pour ceci j'ai écris le code suivant :

<a href="#" onMouseOver="document.image[0].src='Bouton_1_survol.gif';" onMouseOut="document.image[0].src='Bouton_1_normal.gif';"> 
	<img  src="Bouton_1_normal.gif" width="220" height="60" alt="" border="0">
</a>

mais ça ne marche pas

. aidez moi s'il vous plais et merci d'avance.

TrexXx

30 septembre 2009 à 19:45:36

Tu as juste oublié un 's' à image :

document.images[0].src = '';

xavierm02

30 septembre 2009 à 21:57:16

Et onmouseover, c'est en minuscules...
et document.image[0].src, CAY MOCHE et CAY PAS BIEN !
Il faut faire : document.getElementsByTagName('img')[0].src

ATJtwoo

3 octobre 2009 à 14:18:44

ça marche merci :), il fallait juste ajouter le "s".

j'ai un autre problème, et je ne crois pas cette fois si que c'est du à une faute lexicale :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>ATJ</title>
	<script type="text/javascript" langage="javascript">
		//<![CDATA[
			document.getElementById("head1").style.color = "red";
		//]]>
	</script>
</head>
<body>
	<h1 ID="head1">SALUT</h1>
</body>
</html>

Tillertan

3 octobre 2009 à 14:53:10

Euh: document.image[0].src
Tout simplement : this.firstChild.src avec en prime beaucoup moins de risque de bug.

Pour ton nouveau pb mets ton javascript APRES l'id en question, juste avant ton </body>

xavierm02

3 octobre 2009 à 16:08:51

window.onload = function() {
document.getElementById("head1").style.color = "red";
};

Elementaire

3 octobre 2009 à 16:13:24

Re,

Et pourquoi ne pas utiliser le onMouseOver de l'image plutôt que celui du lien ?

++

xavierm02

3 octobre 2009 à 16:29:04

Ca revient au même.

ATJtwoo

3 octobre 2009 à 21:46:50

Merci ! c'est clair maintenant tant que l'objet n'existe pas le script Java script ne peut modifié ces propriété c'est pour cela que je dois placer le code JS après l'objet.
Merci !