Discussion :

[CodeMikiman]

Bonjour,

Cela fait quelques temps que je cherche comment faire pour utiliser les évenements d'une page via un fichier Javascript sans avoir à entrer la structure d'évenement (onChange, onClick) depuis l'input du formulaire.

Je connais l'identifiant des champs dont je dois contrôler les évenements.

Voici la structure de mes pages :
index.html
script.js

Je dois pouvoir, depuis la page script.js, exécuter du code javascript lors d'un onClick par exemple.

Dans ma page index.html, j'aimerai que mon code reste sans les évenements.
Exemple :

Code :

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

<input type="text" name="nom" size="20" />

Connaissez-vous une solution à ma recherche ?
Merci d'avance
Cordialement,
Mikiman

[le_chomeur]

Salut, en version simplifié :

Code :

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

1
2
3
4
5
//Récupération de l'élément
var MonChamps = document.getElementById("TonChamps");
 
//Attachement de l'évènement
MonChamps.addEventListener("Evènement", Action, false);

Evènement = l'évènement sur lequel tu veux déclencher ton action ( onclick, onmouseover ... )

Action = La méthode que tu veux appeler

[CodeMikiman]

Merci beaucoup !

Je vais essayer ça de suite.
Encore merci, bonne journée

Cordialement,
Mikiman

[SpaceFrog]

oui plus pragmatiquement :

Code :

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

MonChamps.onclick=fonction(){ alert('coucou')});

[le_chomeur]

tiens a ce sujet spaffy , la différence entre la addEventListener et l'affectation par la méthode de l'objet ?? ( monobjet.onclick ) ??

[SpaceFrog]

addEventListener n'est pas a ma connaissance entièrement crossbrowser ...
en particulier me semble-t-il au niveau de la syntaxe de l'action ...
clikc onclick ... ???