Discussion :

[N3jidev]

Bonjour à tous,

je vous explique mon problème :

Je développe une classe javascript permettant de générer le code html d'un tableau 2 dimensions d'entrées (type <input type="text" name="" size=5>) mais également d'y ajouter dynamiquement des lignes et colonnes par les méthodes addLine() et addColumn de ma classe. Lors de la génération du code html je veux ajouter 2 boutons ou 2 images qui permettent d'appeler ces méthodes pour l'élément courant.
Quelque chose de ce type :

Code :

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

1
2
3
4
 
//2 links to add lines and columns
chain+='<input type="button" value="Ajout Ligne" onClick="this.addLine()">';
chain+='<input type="button" value="Ajout Colonne" onClick="this.addColumn()"><br>';

Sauf que le this n'est pas reconnu, voila j'aimerais trouver une solution propre, sans "bidouillage" et je connais jQuery donc si quelqu'un connait une solution avec cette librairie je suis preneur.


Merci d'avance !

[SpaceFrog]

this est supposé etre quoi ?
dans ton code this = le bouton

[N3jidev]

Ok bah en fait j'ai créé une classe en javascript et dans une méthode de cette classe je génère du html pour appeler une autre méthode (addLine() ou addColumn()). Dans un autre langage on utiliserait tout bêtement this.methode() mais la je vois pas :/

[SpaceFrog]

passe plutot le this en paramètre à la fonction
ça te permettra de savoir ou faire le append

[N3jidev]

Tu veux dire qu'il faut que je vire addLine() et addColumn() de ma classe et que j'en fasse de fonctions à part prenant en param mon objet ? Ué ca marcherait mais après j'ai plus grand chose dans ma classe :/

[sekaijin]

si tu veux faire de la POO il te faut manipuler des objet et non générer du texte que tu donne au navigateur pour l'interpréter
car les objets créer alors sont ceux créés par l'interprétation de la chaîne de texte que tu as créé.

la solution simple c'est de créer tes objets directement.
dans une méthode de ta classe tu créé les boutons

Code :

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

1
2
3
4
5
6
7
8
9
10
creatButtons: function() {
  var button = document.createElement('input');
  button.setAttribute('type', 'button');
  button.setAttribute('value', 'ajouter ligne');
  button.refObject = this;
  button.onclick=function() {
    this.refObject.addLine();
  }
 ...
}

onclick est un fonction de l'objet button donc le this à l'intérieur est le bouton
cet objet à un membre refObject créé par ta méthode creatButtons qui a pour valeur une référence à l'objet qui a créé le bouton
tu peux donc invoquer dessus la méthode de sa classe.

le fait de manipuler directement les objets te permets de les manipuler à ta guise et leur mettre les attributs, les membres et les méthodes de ton choix

alors que si tu en passe par la création de chaîne (qui semple plus concises)
tu passe par une interprétation du navigateur et donc ne maîtrise pas ce qui sera créé.

A+JYT

[N3jidev]

Merci beaucoup sekaijin ta réponse m'a beaucoup aidé ! Allez A+