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