[POO] Comment acceder a un objet javascript instancie dans une page mere

Version imprimable

20/07/2006, 16h05
herbert

[POO] Comment acceder a un objet javascript instancie dans une page mere
bonjour a tous,

mon probleme est le suivant j instancie un objet dans une page web comme ceci:
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript"> var oBlock = new Block( 'B1' ) ; oBlock.BasePath = "../rep1/" ; oBlock.Value = 'valeur de test' ; oBlock.Create() ; </script>
Cet objet est instancie dans une page page1.html.

Ensuite page1.html ouvre une page fille page2.html grace a la methode window.open();

Je voudrais savoir s il est possible d'obtenir une reference sur l objet oBlock dans la page fille page2.html notamment au moyen de window.opener.xxx ? ou autre ?

Merci de votre aide

Nico
20/07/2006, 16h09
linar009

Utilise plutôt : window.parent
20/07/2006, 16h15
herbert

et la suite ? window.parent. ??? :oops:
20/07/2006, 16h19
linar009

ICI
20/07/2006, 16h21
FremyCompany

Plus simple :)

Code:

window.open("url","","").oBlock=oBlock;

Pour acceder à oBlock dans la page fille :
oBlock (pas sur) ou window.oBlock (sur)
20/07/2006, 16h25
herbert

c est sur un objet javascript que j ai besoin d une reference donc j avoue que je ne vois pas en quoi ton lien peut m aider , peut etre peux tu m eclairer...?
20/07/2006, 16h27
linar009

Pourtant le lien correspond bien à une source d'informations sur le DOM ...
20/07/2006, 16h54
herbert

Merci Fremy

J aimerais bien savoir:

combien d annees de pratique du javascript tu as ou
quels sont tes references bibliographiques

Quoiqu il en soit merci pour votre aide a tous et pour la rapidite aussi...

a tres vite sur ce forum :D
20/07/2006, 17h03
FremyCompany

Combien d'années ??? lol, ca fait même pas un an que j'en fait ! :lol:
Et ma seule référence bibliographique, c'est google !
Juste que je suis un p'tit jeunet de 14 ans (et presque 15) fana de programmation qui avance un peu à taton ;)

Citation:

Envoyé par herbert

t aurais pas par hasard le meme genre d astuce pour faire exactement pareil mais en utilisant window.showModalDialog et non window.open ?

Merci de ton aide jeunet ;)

Euh... Il me semble que cette fonction est reservée à IE... Mieux vaut utiliser une autre fonction... Essaie plutôt ceci :
Dans ta page mère :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 function showDialog (url) { var PopUp=window.open(url,"_blank"); PopUp.oBlock=oBlock; PopUp.canClose=false; PopUp.response=null; while (!PopUp.canClose) { try { PopUp.focus(); } catch (ex) { try { PopUp.activate() } catch (ex) {} } } var r = PopUp.response; try { PopUp._Close(); } catch (ex) {} try { PopUp.close(); } catch (ex) {} return r; }
Dans ta page popup:
Tu dois prévoir un bouton qui ferme la fenêtre...

Code:

<input type="button" value="Fermer" onclick="Close()" />

et ce code :
Code:

1 2 3 4 5 6 function Close() { this.canClose=true; } function _Close() { self.close(); }
Pour changer la réponse à renvoyer :

Code:

window.response=0

Code jamais testé ;)
Si il y a un problème... n'hésite pas !
__________________
EDIT: ATTENTION (IMPORTANT) :
Aussi mettre ce code dans la page "popup" :
Code:

1 2 3 document.onunload=function() { Close(); }

20/07/2006, 18h06
herbert

Merci Fremy je vais mettre tout ca en place !

Désolé mais je t'ai envoyé sur une fausse piste en voulant tout faire en mode synchrone (la fonction continue tant qu'elle n'a pas recu de réponse)...
Mais comme je n'ai pas chaumé, voici ce que tu voulais faire mais en mode asynchrone cette fois ! Teste par toi-même (sur un serveur car en locale ca bloque sur ie)

index.html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>
<body>
<input id="btt" value="Tester la fonction !" type="button" onclick="btt_onclick();" />
<script>
// url: URL de la page à appeler
// paramas: Chaine de caracètre représentant les paramètres de la fenêtre du popup
// callBack: Methode invokée lors du processus de réponse
// Objects: objet contenant toutes les propriètès à copier sur "window" du popup
function showDialog (url, params, callBack, Objects) {
    // Crée le popup
    var PopUp=window.open(url,"_blank", params);
 
    // Si le popup n'existe pas...
    if (!PopUp) {
        throw "Le popup n'a pas pu s'initialiser !";
    }
    // Ajoute des données au popup si besoin
    if (Objects) {
        for (key in Objects) {
            PopUp[key]=Objects[key]
        }
    }
    // Ajoute au popup des références à cette page
    PopUp.parentDocument=document;
    PopUp.parentWindow=window;
    // Mise en place de la procèdure de réponse
    PopUp.callBack=callBack;
    // Signifie que la fonction a réussi
    return true;
}
 
// Exemple d'utilisation du popup
function btt_onclick() {
    // Fonction qui sera executée lorsqu'une réponse aura été donnée
    var callBack=function (response) {
        // Recupère le document de la page mère
        var Document=((window.parentDocument)?(window.parentDocument):(document))
        // Recupère la fenêtre  de la page mère
        var Window=((window.parentWindow)?(window.parentWindow):(window))
        // Mettez ici votre gestion de l'evenement
        if (response==true) {
            Document.write("Yes !!!!")
        }
    }
    // Crée une coquille vide pour transmettre des données
    var PopUp=new Object();
    // Ajoute des données
    PopUp.response=true;
    // Ouvre le popup
    showDialog ('popup.html',null,callBack,PopUp)
}
</script>
</body>
</html>

popup.html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<body onunload="self.close();">
<script>
window._close=window.close;
window.close=function() {
    try {
        window.callBack(window.response)
    } finally {
        window.close=window._close;
        window.close();
    }
}
setInterval("window.focus();", 10)
</script>
<input type="button" value="Fermer" onclick="window.close();" />
</body>
</html>