Discussion :

[nawac]

Bonjour à tous,

Je tente de créer une classe qui encapsule des événements. J'utilise la propriété 'prototype' pour mes méthodes. Du coup, je ne peux pas accéder, dans la méthode onclick, à mon objet. J'ai dû faire une erreur de logique, mais laquelle ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Noeud = function( e )
{
	this._e			= e;
	this.statut		= "statut";
 
	this._e.onclick = function( e )
	{
		alert( this.statut );
		return false;
 	}
}
 
Noeud.prototype.statut = function()
{
	return this.statut;
}

[SpaceFrog]

???
un prototype sur une fonction ???

outre le fait que e ne se gère pas de façon crossbrowser comme ça ...
Que diable essaye tu de faire ???

[nawac]

Bonjour spaceFrog,

Je tente simplement de donner à certains noeuds de mon DOM de nouveaux comportements (l'attribut _e fait référence à un noeud du DOM). Comme le nombre d'objets peut être conséquent, j'ai suivi les conseils de Thierry Templier sur la programmation orientée objet en javascript (voir sa page). Mais je pense que je fais encore pas mal de confusions entre POO et POP :o)

[SpaceFrog]

Tu tentes d'attribuer une fonction onclick à un ensemble de Noeuds sur la page ?

[nawac]

Finalement j'ai résolu mon problème en utilisant le framework prototype pour faire ma classe, c'est plus simple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
var Noeud = Class.create({
 
	initialize: function( e )
	{
		this._e				= e;
		this.statut				= "statut";
 
		this._expander.onclick = function(){ return false; }
		this._expander.observe( 'click', this.reagir.bind(this) );
	},
 
	reagir: function( e )
	{
		// ici, this représente ma classe 
		// et non l'objet qui réagit au clic	:)
 
		this.clic();
 
		return false;
	},
 
	clic: function()
	{
		alert( 'hi' );
	}
})