Discussion :

[totoAussi]

Bonjour,

je voudrais mettre une méthode d'objet dans une méthode, mais mon code ne marche pas.

Voici le code, très 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
//Le constructeur :
function Foo()
{	
	/*On crée un élément div qu'on ajoute dans le document : */
	div_element = document.createElement("div");
	document.body.insertBefore(div_element, null);
 
	/*On crée une méthode pour cacher l'élément div :*/
	this.hide = function()
	{
		div_element.style.display = "none";
	}
 
	/*On ajoute un bouton dans l'élément div. Ce bouton contient la méthode this.hide() dans un onclick :*/
	div_element.innerHTML = '<input type="button" value="Hide" onclick="this.hide();">';
}
 
foo = new Foo();

C'est le onclick="this.hide();" dans le code qui ne marche pas.

Avez-vous une idée ? Merci d'avance, cordialement.

[NoSmoking]

Bonjour,
lors de l'initialisation de Foo le this vaut Foo alors que dans onclick="this.hide() le this est l'élément cliqué.

Il te faut donc à minima écrire

Code html :

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

<input type="button" value="Hide" onclick="foo.hide();">

[Watilin]

Pour entrer dans les détails un peu techniques, la chaîne "this.hide;()" n'est pas évaluée au moment où le constructeur Foo (et tout son contenu) est evalué. Au lieu de ça, elle est évaluée au moment où l'utilisateur clique sur l'input, et à ce moment-là l'assocation this <=> {instance de Foo} n'existe plus.


Attention : d'après la doc MDN de insertBefore, insertBefore(..., null) ne marche que sous Firefox. Préfère appendChild qui fait exactement la même chose.

[totoAussi]

Bonjour,

merci à tous vos réponses et merci pour le "null" dans insertBefore qui ne marche que sur Firefox.

[NoSmoking]

Attention : d'après la doc MDN de insertBefore, insertBefore(..., null) ne marche que sous Firefox. Préfère appendChild qui fait exactement la même chose.

• La méthode insertBefore( noeud, null) fonctionne bien de partout !

• Par contre je suis bien d'accord avec toi pour le fait que si le 2éme paramètre n'est pas dynamique autant utiliser appendChild.

[Watilin]

• La méthode insertBefore( noeud, null) fonctionne bien de partout !

Oh là oui. J'ai lu la version anglaise de la doc (qui n'est pas à jour) et j'ai lié la version française. Et j'ai pas vérifié ce que je disais.
J'ai fait n'importe quoi Mea culpa !