classe et methode

Version imprimable

18/05/2007, 23h12
wincroc

classe et methode

//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 ?

bonjour,

essaye cette syntaxe :

Code:

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();

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

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

18/05/2007, 23h49
Auteur

c'est quoi Event.observe ?
18/05/2007, 23h53
wincroc
Citation:

Envoyé par Auteur

c'est quoi Event.observe ?

C'est l"equivalent de mais avec PROTOTYPE
Code:

1 2 thead.attachEvent("onclick",this.evenementTrie);
19/05/2007, 10h54
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:

1 2 var Table = new Table(); Event.observe(..., function() { Table.evenement(); });
19/05/2007, 11h06
wincroc
Citation:
Envoyé par 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:

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

Bon, je recommence alors ;)

Code:

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(); }); 
}

Citation:

Envoyé par FremyCompany

Bon, je recommence alors ;)

Code:

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:

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:

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

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

Exemple :
Code:

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:

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

mais rien ne t'empecherait de faire :

Code:

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

19/05/2007, 12h59
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