Discussion :

[mokadjo]

Bonjour à tous !
Voila j'ai un petit problème avec le javascript Objet.
En gros, je créé une boite avec un titre. dans le titre j'ai des boutons. Depuis leurs méthodes onmousedown, j'aimerai accéder à la box pour lancer sé fonction Edit().

Comment est-ce possible ?

Voici le code en question :

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
28
29
30
31
32
33
34
35
36
37
38
 
function Bar(title){
	this.Content=document.createElement("div");
	this.Content.setAttribute("class","bar");
	this.Content.appendChild(document.createTextNode(title));
	this.fermer=document.createElement("img");
	this.fermer.setAttribute("src","images/icons/close.gif");
	this.fermer.setAttribute("class","button");
	this.edit=document.createElement("img");
	this.edit.setAttribute("src","images/icons/edit.gif");
	this.edit.setAttribute("class","button");
	this.edit.onmousedown=function(){
		?????????
	}
	this.Content.appendChild(this.edit);
	this.Content.appendChild(this.fermer);
}
 
 
function BoxMembersManager(title){
	this.Box=Box();
	this.Bar=new Bar(title);
	this.Infos=new Infos();
	ObjectDraggable(this.Bar);
	this.Box.appendChild(this.Bar.Content);
 
 
	this.Construct=function(){
		var containertext=document.createElement("div");
		..................
		this.Infos.appendChild(containertext);
		this.Box.appendChild(this.Infos);
	}
 
	this.Edit=function(){
 
	}
}

Merci beaucoup d'avance pour votre réponse !

[SpaceFrog]

déja setAttribute ...

Code :

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

this.Content.className="bar";

etc ...


sinon as tu essayé :

Code :

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

1
2
3
this.edit.onmousedown=function(){
		this.Edit()
	}

[mokadjo]

Alors, je viens d'essayer :

Code :

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

1
2
3
4
 
this.edit.onmousedown=function(){
		this.Edit()
	}

Mais visiblement il en veut pas, il cherche la fonction Edit() liée à this.edit (qui n'existe pas bien sur).


Ah et pour :

Code :

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

this.Content.className="bar";

ça fonctionne même s'il n'est pas encore dans le flux ? J'ai jamais essayé.

[DoubleU]

Essaie ca:

Code :

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

1
2
3
4
5
this.edit.onmousedown = function(obj){
   return function(){
      obj.Edit();
   }
}(this)

[mokadjo]

Yes !
Ca marche du tonnerre !
Par contre, je ne comprend pas bien ce que c'est que ce "(this)" tout seul.
Est-ce que t'aurais une petite explic ?
En tout cas, ça c'est RESOLU !

Merci beaucoup à vous 2

[DoubleU]

C'est un des plaisir du javascript ca

Si t'enleves la fonction du milieu et que tu gardes que ca:

Code :

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

this.edit.onmousedown = function(obj){}(this)

ce qui ce passe c'est que tu crées une fonction anonyme qui prend un paramètre obj, tu en définis le contenu (entre les accolades) et ensuite le (this) sert à appeler cette fonction anonyme, le paramètre this représentant le contexte d'exécution ou scope (ta classe donc).

Maintenant on rajoute la fonction interne:

Code :

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

1
2
3
4
5
this.edit.onmousedown = function(obj){
   return function(){
      obj.Edit();
   }
}(this)

C'est ce qu'on appelle en javascript une closure, une fonction qui en encapsule une autre (c'est par ailleurs par ce mécanisme que tu peux créer des classes en javascript). Et un des points particuliers des closures c'est qu'elles permettent aux fonctions interne (en rouge) d'accéder au contexte des fonctions encapsulantes (en bleu). Et dans ce cas, la fonction interne accède au paramètre obj de la fonction externe qui représente le contexte d'exécution donc ta classe (en vert).

Ouf, on y est

J'espère que j'ai pas été trop embrouillé (et que j'ai pas dit de conneries ), c'est pas évident à comprendre et à expliquer ca.

[dukej]

déja setAttribute ...

Code :

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

this.Content.className="bar";

etc ...


sinon as tu essayé :

Code :

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

1
2
3
this.edit.onmousedown=function(){
		this.Edit()
	}

Ne dénigre pas jeune padawan le setAttribute a ses raisons d'exister, là c'est clair, c'est inutile.
Tiens si tu ne connais pas et j'y apprends pleins de chose :
http://www.javascript.info
et l'article en réponse aux attributs
http://javascript.info/tutorial/attr...tom-properties