[DOM] Onmouseover pour lancer une fonction avec arguments

Bonjour tout le monde,

Je rencontre un petit soucis qui est a mon avis pas trop difficile a resoudre, il se trouve juste que je n'arrive pas a mettre le doigt dessus.
Le probleme est le suivant:

Ne voulant pas gerer les evennements directement en html (insertion de "onmouseover" ou autres manuellement) j'utilise du javascript qui se lance au chargement de la page. Mon petit script repere les balises qui m'interresse et y insere les attributs en fonction de mes besoins. Mais la, petit hic.

Bien que la fonction toto dans la configuration suivante,
Truc.onmouseover = toto;
fonctionne bien, il n'en va pas de meme lorsque j'essaye de mettre des arguments a toto

A l'heure actuel j'ai une variable ID qui contient comme son nom l'indique l'id d'une balise, et j'aimerais trouver un moyen de faire:

Truc.onmouseover = toto(ID); (ce que je n'arrive pas a faire marcher pour le moment)

Merci beaucoup pour votre aide a venir.

ça doit être dasn la FAQ pourtant ?


soit addeventListener

ou encore

Code:

---

Truc.onmouseover =function(){toto(ID)}

---

;

Merci beaucoup pour la reponse.

J'avais effectivement trouvé la seconde solution mais ca n'etait pas tout a fait ce que je cherchais. Je pense m'etre mal explique.
Si j'applique ma fonction toto(ID) a plusieurs parties de la page et ce avec plusieurs valeurs d'ID, lors du mouseover (par exemple) seul la derniere valeur de ID est pris en compte (Alors que j'aimerais que ce soit la valeur de ID au moment ou j'attribue la fonction toto)

Desfois que je sois incomprehensible (ce ne serais pas la premiere fois) si j'ai le code suivant qui doit afficher waf ou miaou dans des cases respectivent d'un tableau:

Code:

---

1 2 3 4

chien.onmouseover = function() { Show(ID,'waf');}; // ID= id de la case chien //.... //.... chat.onmouseover = function() { Show(ID,'miaou');}; //ID= id de la case chat

---

qelque soit l'objet que j'active, le text waf ou miaou sera afficher dans la case chat car c'est la derniere valeur de "ID".

Je vais jeter un coup d'oeil a la premiere solution. Et tenter la seconde avec des listes desfois que...

Encore merci en tout cas.

Citation:

---

Envoyé par Trock

qelque soit l'objet que j'active, le text waf ou miaou sera afficher dans la case chat car c'est la derniere valeur de "ID".

---

Mais avec

Code:

---

1 2 3 4

chien.onmouseover = function() { Show(this.ID,'waf');}; // ID= id de la case chien //.... //.... chat.onmouseover = function() { Show(this.ID,'miaou');}; //ID= id de la case chat

---

ça sera bien celui de l'objet survolé, non ?

essaie ca:

Code:

---

1 2 3 4 5 6 7

function creeFonction(id) { return function() { show(id); return false; }; }

---

Code:

---

1 2 3

tonObjet.onmousemove = creerFonction(tonId);

---

Merci pour vos reponses, malheureusement aucune ne semble marcher.

Je vais voir si j'arrive a trouver une facon de contourner mon probleme sans trop alourdir le code.

Si cela ne fonctionne pas, c'est qu'il nous manque des éléments ou que tu as mal exposé ton problème car le code de Ebzz avec this.ID semble la solution ...

reste à savoir ce qu'est ID ??? si c'est l'id thid.id

Salut,

Si tu as besoin d'information propre à un élément lors de la gestion
d'un évènement qui le concerne, tu peux aussi envisager de stocker
cette information de deux manières:

1) Dans le noeud DOM. Il est légal de l'étendre avec une info perso,
par exemple:

Code:

---

1 2 3

tonObjet.onmousemove = gestionnaireEvenement; tonObjet.ta_variable = 'ton_info';

---

2) En plaçant l'info dans un attribut html, par exemple dans l'attribut class

Code:

---

1 2 3 4 5

<div id='un_id' class='qqch autrechose'>...</div> function gestionnaireEvenement() { var args = this.className.split(' '); }

---

Bon, il faut éviter de faire des choses trop sales dans les attributs html :-)
mais ça peut dépanner.

j'utilise parfois le style en paçant des trucs à la fin...
on récupère ensuite le cssText que l'on torture ...

bonjour,

peut-être que l'explication donnée par FremyCompany dans cette discussion pourra t'aider.

peut être une autre piste

Code:

---

Truc.onmouseover =function(ID){toto(ID)}

---

je viens de comprendre ton problème je l'ai déja rencontré et resolu..
j'ai d'ailleures posté à ce propos je retrouve plus dasn la faq ou les contributions

cela vient en fait de l'attribution dynamique

Code:

---

1 2 3 4

for (i=0;i<10;i++){ element.param=ID; element.onmouseover=function(){alert(this.param)} }

---

si tu tentes directement:

Code:

---

1 2 3

for (i=0;i<10;i++){ element.onmouseover=function(){alert(this.param)} }

---

tu n'auras toujours que la dernière valeur de la boucle