Evénement au clic de type Element.onclick = function
Bonjour à tous,
Comme dit dans le titre je cherche à lancer une fonction au clic sur un élement de la manière suivante:
Citation:
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:
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 :
Citation:
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.:D
