Discussion :

[Sharcoux]

Bonjour,

Voilà le problème : j'ai une "classe" javascript Ligne . Cette ligne est en fait une ligne d'un tableau sensé lister des documents :

Code :

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

1
2
3
4
5
6
7
var Line = function(doc, i) {
    this.document = doc;//le docuement à représenter
    this.ID = i;
    this.html = Line.getOriginalHTML();//le code html de la ligne à insérer dans le tableau
 
    this.auClic = function() {edit(this.document);}//une fonction à exécuter au clic sur la ligne
}

le code html de cette ligne (du type <tr>....</tr>) est initialisé avec Line.getOriginalHTML();

Ensuite, je le modifie en fonction du document que je veux représenter.

Le problème vient quand je veux définir un onclick sur cette ligne. J'ai un truc du type

Code :

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

maLigne.html = $("elementAModifier", maLigne).attr("onclick",this.auClic);

Mais avec cette syntaxe, le navigateur exécute immédiatement la fonction this.auClic . Comment lui expliquer qu'il s'agit d'une simple référence?

Merci

[RomainVALERI]

j'ai une "classe" javascript Ligne

(admettons)

Le problème vient quand je veux définir un onclick sur cette ligne. J'ai un truc du type

Code :

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

maLigne.html = $("elementAModifier", maLigne).attr("onclick",this.auClic);

Mais avec cette syntaxe, le navigateur exécute immédiatement la fonction this.auClic . Comment lui expliquer qu'il s'agit d'une simple référence?

C'est une simple référence. Je ne sais pas pourquoi le navigateur l'exécute directement, mais ça m'a plutot l'air d'être un souci lié à la manière d'implémenter ça en jQuery... tu es sur du fonctionnement de la fonction attr ?

Sinon : as-tu essayé la méthode "standard", avec un vrai gestionnaire d'événement ?

edit : au fait, je vois que tu appelles Line.getOriginalHTML... à quel endroit est-elle incluse dans ton code ?

[Sharcoux]

Merci pour ta réponse

oui, tu auras noté les guillemets autour du mot "classe". Ca reste qd même un terme pratique.

attr marche impeccable pour tous les autres éléments, genre

Code :

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

maLigne.html = $("elementAModifier", maLigne).attr("class",this.document.getType());

mais pour une raison obscure, il se sent obligé d'évaluer this.auClic dès qu'elle est mentionnée...

Tu peux m'en dire un peu plus sur la méthode "standard" ?

[RomainVALERI]

Tu peux m'en dire un peu plus sur la méthode "standard" ?

addEventListener / attachEvent ^^

...qui souvent s'utilisent à travers une mini fonction qui switche selon le navigateur :

Code :

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

1
2
3
4
5
6
7
8
function declencheur(cible, condition, effet) {
   if (cible.addEventListener) {
      cible.addEventListener(condition, effet, false);
   }
   else if (cible.attachEvent) {
      cible.attachEvent("on" + condition, effet);
   }
}

mais si tu fais du jQuery il doit y avoir mieux que ça non ? ^^

[Sharcoux]

mais si tu fais du jQuery il doit y avoir mieux que ça non ? ^^

Euh... Peut-être, tu penses à quel genre de truc?

Pour les Event, je vais regarder tout ça, mais est-ce que c'est pas un peu compliqué pour quelque chose d'initialement relativement simple?

Ah, et je kiff ton générateur de phrases ^^

[Sharcoux]

MERCI !!!!
J'ai trouvé la fonction .click de JQuery (oui, je suis débutant ^^ )
Ca marche au poil. Merci de m'avoir mis sur la voie