modifier le src d'une image

Version imprimable

Bonsoir,

je n'arrive pas à faire un truc élémentaire en js : modifier le src d'une image lors du survol d'un mot ; voici le code qui ne marche pas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
  <script>
function img_verin() {
document.getElementByID("img").src="verin.jpg"; }
function restore_vide() {
document.getElementByID("img").src="img_vide.jpg"; }
  </script>
</head>
<body>
<font color="#000000"><a href="#"
 onmouseover="img_verin" onmouseout="restore_vide">V&eacute;rin</a></font><img
 id="img" src="img_vide.jpg">

peut-on me guider ?

23/10/2012, 07h37
andry.aime

Bonjour,

Quant on appelle une fonction, il faut mettre les parenthèses.

A+.
23/10/2012, 07h50
Bovino

Citation:

getElementByID("img")

JavaScript étant sensible à la casse, getElementByID != getElementById.

Merci à tous les deux ; ça marche :

Code:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function img_verin() {
document.getElementById("img").src="verin.jpg"; }
function restore_vide() {
document.getElementById("img").src="img_vide.jpg"; }
</script>
<font color="#000000"><a href="#"
 onmouseover="img_verin()" onmouseout="restore_vide()">V&eacute;rin</a></font><img
 id="img" src="img_vide.jpg">