Discussion :

[hush]

Salut,

Dans le but de développer un composant personnalisé, j'ai écrit une "classe" qui permet d'ajouter des éléments dans une box. Un peu à la manière des listes HTML. Pour chacun de ces éléments je cherche à lier l'évènement onclick à une méthode qui appartient à cette classe, comme suit:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	playlist.prototype.addItem = function(label) {
		new_item = document.createElement('div');
		
		new_item.className = 'playlist_item';
		new_item.setAttribute('itemID', (this.nbItems + 1));
		new_item.setAttribute('label', label);
		new_item.innerHTML = label;
		new_item.onclick = this.setSelected(new_item.getAttribute('itemID'));
		
		this.container.appendChild(new_item);
		this.setSelected(new_item.getAttribute('itemID'));
		this.nbItems++;
	}

setSelected est la méthode de la même classe que je cherche à exécuter lors de l'évènement "click". En procédant ainsi, rien ne fonctionne. J'ai essayé d'autres méthodes sans succès, donc je m'en remets à vous !

[hush]

Il suffisait de faire une copie de l'instance courante pour l'utiliser ensuite (vu ici):

Code :

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

1
2
3
4
5
6
 
currentInstance = this;
 
new_item.onclick = function() {
	currentInstance.setSelected(this.getAttribute('itemID'));
}