Discussion :

[Trock]

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.

[SpaceFrog]

ça doit être dasn la FAQ pourtant ?


soit addeventListener

ou encore

Code :

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

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

;

[Trock]

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 :

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

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.

[E.Bzz]

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 :

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

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 ?

[DoubleU]

essaie ca:

Code :

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

1
2
3
4
5
6
7
 
function creeFonction(id) {
    return function() {
        show(id);
	return false;
    };
}

Code :

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

1
2
3
 
 
tonObjet.onmousemove = creerFonction(tonId);

[Trock]

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.

[SpaceFrog]

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

[marcha]

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 :

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

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 :

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

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.

[SpaceFrog]

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

[Auteur]

bonjour,

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

[SpaceFrog]

peut être une autre piste

Code :

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

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

[SpaceFrog]

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 :

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

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

si tu tentes directement:

Code :

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

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