Problème de débutant en javascript: evenement fonction

Question

Voici mon code (la classe Designer):
Designer =  function(){
    this.dom=document.getElementById("area");
    this.tables=[];
    
    this.ajouterTable = function(){
       this.placerTable();
        //this.dom.removeEventListener("click",this.placerTable,false);
    }
    
    this.placerTable = function(){
        var table = new Table (this,"Nouvelle table");//crée une table
        table.initialiser();
        this.tables.push(table);
        alert("c'est fait");
    }
}

Si je fais:
 var d = new Designer(); 
d.ajouterTable();
J'obtiens "C'est fait" (ça marche),  
mais si je modifie la fonction ajouterTable() comme ceci:

this.ajouterTable  = function(){

       //this.placerTable();

        this.dom.removeEventListener("click",this.placerTable,false);

    }

lorsque je clique, la fonction placerTable() est bien appellée mais ne va pas jusque au bout, elle semble bloquer sur la ligne "table.initialiser(); ".
POURQUOI ?
Ma classe "Table" est bien programmée, ca semble venir de l'evenement.

gillespockpock · Answer

Pardon c'est ici le bon code: 



Voici mon code (la classe Designer):
Designer =  function(){
    this.dom=document.getElementById("area");
    this.tables=[];
    
    this.ajouterTable = function(){
       this.placerTable();
        //this.dom.addEventListener("click",this.placerTable,false);
    }
    
    this.placerTable = function(){
        var table = new Table (this,"Nouvelle table");//crée une table
        table.initialiser();
        this.tables.push(table);
        alert("c'est fait");
    }
}

Si je fais:
 var d = new Designer(); 
d.ajouterTable();
J'obtiens "C'est fait" (ça marche),  
mais si je modifie la fonction ajouterTable() comme ceci:

this.ajouterTable  = function(){
        //this.placerTable();
         this.dom.addEventListener("click",this.placerTable,false);
     }

lorsque
je clique, la fonction placerTable() est bien appellée mais ne va pas
jusque au bout, elle semble bloquer sur la ligne "table.initialiser();
".
POURQUOI ?
Ma classe "Table" est bien programmée, ca semble venir de l'evenement.

ralecul · Answer

Salut,

Marre de redire toujours les mêmes choses...

Designer = new function(){
    var _dom   = document.getElementById("area");
    var _tables = [];
    var _that    = this;
    
    this.ajouterTable = function(){
        _dom.addEventListener("click", function() { _that.placerTable(); }, false);
    }
    
    this.placerTable = function(){
        var table = new Table (this, "Nouvelle table");//crée une table
        table.initialiser();
        _tables.push(table);
        alert("c'est fait");
    }
}

Bon pour la peine le code n'est pas testé !

ralecul · Answer

Ou si placerTable n'a pas besoin d'être publique :

Designer = new function(){
    var _dom   = document.getElementById("area");
    var _tables = [];
    var _that    = this;
    
    this.ajouterTable = function(){
        _dom.addEventListener("click", placerTable, false);
    }
    
    function placerTable(){
        var table = new Table (this, "Nouvelle table");//crée une table
        table.initialiser();
        _tables.push(table);
        alert("c'est fait");
    }
}

gillespockpock · Answer

Non ce n'est pas ce que je veux, mais j'ai trouvé, il faut faire un bind(): j'ai ajouté cette fonction:

function bind(objet, methode) { 
    //fonction réalisant l'exécution de la méthode dans le contexte de son objet associé
    return function() { 
        return methode.apply(objet, arguments); 
    } 
} 

je l'ai appellée ici:
this.ajouterTable =  function(){
    this.dom.addEventListener("click", bind(this,this.placerTable) ,false);
}

Ca marche !

Lol _that =this, pourquoi pas!
 merci quand même

Problème de débutant en javascript: evenement fonction

4 réponses

Votre réponse

Discussions similaires