Appel Event observe

Version imprimable

15/07/2007, 14h47
sorenson2

Appel Event observe
Bonjour,

je cherche à lier une action à un bouton en utilisant un appel à un fichier .js et en évitant la saisie d'un onClick dans ma page web exemple :
Code:

1 2 3 4 5 6 7 mapage.html <html> <script src="fonctions.js" type="text/javascript"></script> <body> <input type="button" id="monbouton" value="valider"> ...
Code:

1 2 3 4 5 6 7 8 9 fonctions.js Event.observe($("monbouton"),"click",mafonction,false); function mafonction(){ alert("ok, ça marche"); } ...
Le problème est que lorsque je lance ma page html, la fonction "mafonction" est appelé sans que je clique sur mon bouton "monbouton" ! Comment je peut faire pour que ma fonction "mafonction" ne soit appelée que si je clique sur mon bouton "monbouton" ?

Et que signifie le dernier paramètre de Event.observe ? (false)
:roll:
15/07/2007, 17h19
sorenson2
S'il vous plaît ?

Une autre petite question : comment ont fait pour passer des arguments dans ceci :
Code:

1 2 Event.observe($("monbouton"),"click",mafonction,false);
16/07/2007, 12h49
sorenson2
Bon,

j'ai trouvé une solution, j'écrivais "mafonction" avec des parenthèses dans le Event.observe donc la fonction était appelé au chargement de mon fichier .js.

Cependant, Es-ce que quelqu'un saurait me dire si c'est possible de passer des paramètres comme ceci ?
Code:

1 2 Event.observe($("monbouton"),"mouseup",mafonction(unparamètre,deuxparamètres),false)
16/07/2007, 22h47
Taum

Salut,

Citation:

Envoyé par sorenson2

j'écrivais "mafonction" avec des parenthèses dans le Event.observe donc la fonction était appelé au chargement de mon fichier .js.

Si tu nous donne un code différent de celui qui te pose des problèmes, je vois pas bien comment on est censé t'aider :roll:

Citation:

Cependant, Es-ce que quelqu'un saurait me dire si c'est possible de passer des paramètres comme ceci ?

Tu peux utiliser une fonction anonyme, comme ceci :

Code:

Event.observe("monbouton", "mouseup", function(event) { mafonction(unparamètre,deuxparamètres); });

Note que j'ai un peu "simplifié" ton code :
- Event.observe comme la plupart des fonctions prototype peuvent prendre un ID directement, donc pas la peine d'utiliser $ pour le premier paramètre.
- Le 4é paramètre de Event.observe est a false par défaut, donc il est utile uniquement si tu veux le mettre a true.
(cf. http://prototypejs.org/api/event/observe)
17/07/2007, 12h02
sorenson2

merci beaucoup ! :D