[AJAX] Utilisation des closures

Version imprimable

Bonjour,
J'ai un probleme avec une closure
pas de message d'erreur à part que l'element du DOM via elementGetById n'est pas défini

Code:

1
2
3
4
5
6
7
8
9
 function objetEnglobant() {
                    var that = this;
                    this.nom = 'Hubert';
                    this.englobe = function() {
                        return (function() {alert(that.nom);});
                    }
                }
                var obj = new objetEnglobant;//j'ai essayé avec  new objetEnglobant();
                document.getElementById('clic3').onclick = obj.englobe()

Ce code vient de ce tutoriel http://lti.epfl.ch/Documents/ObjetsJavascript.html
Ou se situe le probleme Merci ?

04/03/2010, 00h54
hornetbzz

Salut

Tu as la reponse dans ta question je crois :

il faut placer un id 'clic3' dans ta page.

comme ça il sera trouvé, this sera défini et ainsi de suite.

Désolé,j'aurais du mettre tout mon code :le voici

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function objetEnglobant() {
                    var that = this;
                    this.nom = 'Hubert';
                    this.englobe = function() {
                        return (function() {alert(that.nom);});
                    }
                }
                var obj = new objetEnglobant;
                document.getElementById('clic3').onclick = obj.englobe();
 
</head>
<body><div id="clic3">lien</div></body>
</html>

Voilà :?

04/03/2010, 12h01
E.Bzz

Bonjour,
au moment où il y est fait référence, "clic3" n'existe pas encore.
Il faut appeler

Code:

document.getElementById('clic3').onclick = obj.englobe();

dans le onload du <body>.

A+
04/03/2010, 12h59
Bovino

Salut.

Code:

document.getElementById('clic3').onclick = obj.englobe()

en faisant comme ça, tu affectes au onclick le résultat de l'exécution de la fonction.
C'est

Code:

document.getElementById('clic3').onclick = obj.englobe

ou

Code:

document.getElementById('clic3').onclick = function(){obj.englobe()}

qu'il faut faire ;)
04/03/2010, 16h03
laurentg2003

Merci à vous 2 effectivement il faut passer par le onload
Merci trop bien les fermetures:ccool:
en plus c'est une erreur ,que j'ai souvent..
04/03/2010, 17h26
laurentg2003

comment dois je faire si au lieu d'afficher that.nom je veux le récupérer
suite à window.onload=obj.englobe();?
Merci
04/03/2010, 17h31
E.Bzz

Citation:

Envoyé par laurentg2003

comment dois je faire si au lieu d'afficher that.nom je veux le récupérer

Ben tu le mets à droite d'un signe d'affectation et, à gauche, le nom d'une variable ou la référence à la value d'un objet de la page :koi:

A+
04/03/2010, 18h15
laurentg2003

return(function() { return that.nom;ou var= that.nom});
quand je fais alert(obj.englobe()) ça m'affiche la fonction .....:cry:
04/03/2010, 18h21
E.Bzz
Code:

1 2 3 4 this.englobe = function() { var taVariable = that.nom; alert(taVariable); }
Pour la réutiliser ailleurs il suffit que taVariable soit déclarée en globale

A+
04/03/2010, 18h37
laurentg2003

oui,je savais ça en gros la closure ne sert à rien

merci
04/03/2010, 18h47
E.Bzz

Citation:

Envoyé par laurentg2003

oui,je savais ça en gros la closure ne sert à rien

Ben ici non puisque c'est du temps réel (encore une fois : sauf si j'ai pas compris) : tu cliques => tu récupères la valeur => tu l'utilises

A+