Discussion :

[wincroc]

//creation de la classe
function Table(idContainer) {
(.............)
}
//premiere méthode
Table.prototype.evenement = function () {
(.......)
this.trier();
}
//deuxieme méthode
Table.prototype.trier = function () {
(..............)
}

En fait dans une méthode, je souhaite appele une autre méthode mais j'ai l'erreur "trier is not definied"

Quelle est l'erreur car je ne comprend pas ?

[Auteur]

bonjour,

essaye cette syntaxe :

Code javascript :

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
 
var Table =  function (idContainer) 
{
 
}
 
//premiere méthode
Table.prototype =
{
 evenement : function ()
 {
  alert("evenement");
  this.trier();
 }
 ,
 trier : function ()
 {
   alert("trier");
 }
}
 
var t = new Table("");
t.evenement();

[wincroc]

J'ai essayé mais j'ai le meme message !
en fait apparemment c'est le "this" qui ne pointe plus comme il faut

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
  Event.observe(thead,"click",this.evenement); 
}
 
//premiere méthode
Table.prototype =
{
 evenement : function ()
 {
 
  this.trier();
 }
 ,
 trier : function ()
 {
   alert("trier");
 }
}
 
var t = new Table("");
t.evenement();

avez vous une idée

[Auteur]

c'est quoi Event.observe ?

[wincroc]

c'est quoi Event.observe ?

C'est l"equivalent de mais avec PROTOTYPE

Code :

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

1
2
 
thead.attachEvent("onclick",this.evenementTrie);

[FremyCompany]

tu dois pas faire comme ca...
Comme tu fais, en effet le this change et devient l'objet au quel tu t'abonne à l'evenement...

Fait plutot comme cela :

Code :

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

1
2
var Table = new Table();
Event.observe(..., function() { Table.evenement(); });

[wincroc]

tu dois pas faire comme ca...
Comme tu fais, en effet le this change et devient l'objet au quel tu t'abonne à l'evenement...

Fait plutot comme cela :

Code :

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

1
2
var Table = new Table();
Event.observe(..., function() { Table.evenement(); });

Bonjour,
je ne comprend cette syntaxe, la variable crée Table ne correspond pas a une instance de l'objet Table ? car si c'est le cas, cele ne convient pas car je souhaite que les evenement declaré soit utilisé par tous les objets Table.

J'aurai aimé definir tous les événemenst de l'objet dans sa methode de construction

[FremyCompany]

Bon, je recommence alors

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// Création de l'objet 't'
var t = new Table("");
 
/** Plus loin, ou avant **/
// Dans ta fonction, this est égal à 't'
function ...
{
   // ...
   var This = this;
   Event.observe(thead,"click",function() { This.evenement(); }); 
}

[wincroc]

Bon, je recommence alors

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// Création de l'objet 't'
var t = new Table("");
 
/** Plus loin, ou avant **/
// Dans ta fonction, this est égal à 't'
function ...
{
   // ...
   var This = this;
   Event.observe(thead,"click",function() { This.evenement(); }); 
}

il va fallu que je fasse :

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
 
// Création de l'objet 't'
var t = new Table("");
 
/** Plus loin, ou avant **/
// Dans ta fonction, this est égal à 't'
function ...
{
   // ...
   var This = this;
   Event.observe(thead,"click",function(event { This.evenement(event); }); 
}
 
function evenement(event) {
                elementCliquer = Event.element(event);
		var noCol = elementCliquer.getAttribute("colonne");
		//on appelle la méthode de trie
		this.tableTrie(noCol);
}

mais pourquoi le code suivant ne fonctionne pas ? :

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
 
// Création de l'objet 't'
var t = new Table("");
 
/** Plus loin, ou avant **/
// Dans ta fonction, this est égal à 't'
function ...
{
   // ...
   var This = this;
   Event.observe(thead,"click",This.evenement); 
}
 
function evenement(event) {
                elementCliquer = Event.element(event);
		var noCol = elementCliquer.getAttribute("colonne");
		//on appelle la méthode de trie
		this.tableTrie(noCol);
}
 
En tout cas, merci beaucoup pour votre aide

[FremyCompany]

En javascript, comme dans aucun autre langage, une fonction n'est pas attachée à son objet de départ.

Exemple :

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
var comparator1 = new Object();
var comparator2 = new Object();
 
comparator1.value = false;
comparator1.compare=function(object) {
  return (object==this.value);
}
 
comparator2.value = true;
comparator1.compare=function(object) {
  return (object==this.value);
}
 
comparator1.compare(false) // true
comparator2.compare(false) // false
comparator2.compare=compartor1.compare;
comparator2.compare(false) // false
/* Le "this" n'a pas changé avec la méthode */

En réalité, le compilateur JScript fait ceci :

Code :

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

comparator2.compare.apply(/* this */ comparator2, /* arguments */ [false])

mais rien ne t'empecherait de faire :

Code :

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

comparator1.compare.apply(compartor2, [false]) // false

[wincroc]

encore merci pour ton aide. J'ai laissé un autre message
http://www.developpez.net/forums/sho...d.php?t=339340

Comme tu as l'aire de super bien toucher dans ce domainen peut etre aurai tu une reponse pour moi, car je suis toujours bloqué sur ce point