Bonjour à tous,

Comme dit dans le titre je cherche à lancer une fonction au clic sur un élement de la manière suivante:

element.onclick = function;
j'ai fait un script d'essai suite à quelques lectures de documents sur le web mais qui ne fonctionne pas, pourtant je suis sûr d'avoir suivi l'article à la lettre enfin on sait jamais, peut-être que j'ai loupé quelque chose. Voici mon script:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!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="fr" lang="fr"> 
	<head>
		<script type="text/javascript">	
 
		var el = document.getElementById('rouge');
		el.onclick = change;
 
		function change()
			{
			document.getElementById("vert").style.zIndex = "2";
			document.getElementById("rouge").style.zIndex = "1";
			}				
		</script>
	</head>
<body>
<div id="rouge" style="width:500px;height:500px;background:red;position:relative;z-index:2;">
	jkhcxkvjh
</div>
<div id="vert" style="width:500px;height:500px;background:green;position:relative;z-index:1;top:-250px;left:250px;">
	jkhvhxkjvhx
</div>
</body>
</html>
et voici le code erreur que j'obtiens :

Détails de l’erreur de la page Web

Message*: 'el' a la valeur Null ou n'est pas un objet.
Ligne*: 7
Caractère*: 3
Code*: 0
URI*: http://localhost/z-index.html
Merci à tous pour vos réponses et vos aides.