fonction comme attribut

Version imprimable

29/01/2006, 14h11
TERRIBLE

fonction comme attribut
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:

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

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
29/01/2006, 16h26
efficks

Ton code

Code:

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.
29/01/2006, 16h49
javatwister

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
29/01/2006, 17h58
TERRIBLE
je viens de modifier le code comme suit mais rien n'est modifié
Code:

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

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:

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>