fonction comme attribut

**TERRIBLE** · 29/01/2006, 14h11

Sur la base de l'excellent livre de O'REILLY, javascrit La référence, j'essaye d'utiliser les gestionnaires d'événements comme propriétés a travers un exemple du livre
code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<form name="f1">
<input type="button" value="pressez-moi" name="b1">
</form>

code JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
function plead() {window.status="pressez-moi,svp";}
document.f1.b1.onmouseover=plead;

que ce soit avec IE ou firefox j'ai toujours le message d'erreur suvant
"document.f1.b1 n'est pas objet ou il a une valeur nulle"

J'en perds mon latin

Qui peux mettre en évidence mon erreur?
par avance merci

**efficks** · 29/01/2006, 16h26

Ton code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.f1.b1.onmouseover=plead;

est exécuté à quel moment? Avant ou après ton form? Tu devrais le mettre après, car le navigateur passe sur ton code javascript et cherche tout de suite ton boutton et s'il n'est pas crée, il te donne cette erreur. Aussi, tu pourrais mettre le code dans le onload du body. Plus clean selon moi.

**javatwister** · 29/01/2006, 16h49

eh oui... le positionnement des scripts dans la page est un paramètre à ne jamais négliger, quand tu travailles sur des éléments html

**TERRIBLE** · 29/01/2006, 17h58

je viens de modifier le code comme suit mais rien n'est modifié

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<body onload="plead();">
<form name="f1">
<input type="button" value="pressez-moi" name="b1">
</form>
 
</body>
</body>
</html>

pourriez-vous me fournir un code modifié qui fonctionne

**siddh** · 30/01/2006, 00h13

salut,
deja enleve le /body en trop, ensuite, je te conseille de ne pas utiliser la syntaxe utilisant les name mais plutot de passer par getElementById :

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
 
<html>
<head>
<title>Plead</title>
<script type='text/javascript'>
	function plead(){
		window.status="pressez-moi,svp";
	}
	window.onload=function(){
		document.getElementById('b1').onmouseover = plead;
	}
</script>
</head>
 
<body>
	<form name="f1">
		<input type="button" value="pressez-moi" id="b1">
	</form> 
</body>
</html>

fonction comme attribut

JavaScript

Discussions similaires

Partager

Partager