Passage variable de iframe à document principal

Version imprimable

25/06/2014, 08h21
sat99

Passage variable de iframe à document principal
Bonjour,
J'ai tenté d'utiliser la fonction getIFramePlace pour faire passer une variable php d'un iframe à mon document principal, mais ça fonctionne pas. Quelqu'un pourrait-il indiquer où est l'erreur:

DANS MON DOCUMENT PRINCIPAL mondicumentprincipal.php
Code:

1 2 <iframe src="monfichieriframe.php"> </iframe>
Code:

1 2 3 document.write("<br><br>mavariablej est sur page principale: "); var mavariablej = document.getIFramePlace("monfichieriframe.php"); document.write(mavariablej);
DANS MON FICHIER IFRAME monfichieriframe.php
Code:

1 2 3 4 5 6 7 8 <? $mavariable=10; ?> <script language="javascript"> var mavariablej=<?echo $mavariable?>; document.write("mavariablej est: "); document.write(mavariablej); </script>
Merci par avance.
25/06/2014, 09h25
Bovino

Citation:

Quelqu'un pourrait-il indiquer où est l'erreur

Ca vient peut-être du fait que

Citation:

la fonction getIFramePlace

n'existe que dans ton imagination ! :aie:
25/06/2014, 09h34
iakou
:nono: Vous devez utilisez l'objet "parent"

L'objet "parent" permet d'accéder dans votre FRAME à des variables de la page mère, et même d'exécuter des fonctions de cette même page.
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> parent.variable_de_mere = "ce que vous voulez" ; resultat = parent.fonction_de_mere() ; </script>
Cdlt

suite

J'ai modifié le code de la manière suivante en rajoutant "parent"

DANS LA PAGE PRINCIPALE
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <iframe src="moniframe.php"> </iframe> <script language="javascript"> document.write("<br><br>mavariablej est sur page principale: "); var mavariablej = parent.document.getIFramePlace("moniframe.php"); parent.document.write(mavariablej); </script>
DANS LA IFRAME
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <? $mavariable=10; ?> <script language="javascript"> var mavariablej=<?echo $mavariable?>; document.write("mavariablej est: "); document.write(mavariablej); </script>
Le nom de la variable ne s'affiche toujours pas dans la page principale. Je rappelle que je veux passer la variable de la iframe à la page principale, pas l'inverse.

25/06/2014, 10h55
sat99

suite

Oui, la véritable fonction semble être: getElementById

mais avec dans la page principale (pour récupérer la variable mavariablej de la iframe):

Code:

var mavariablej = parent.document.getElementById("moniframe.php");

Ça fonctionne toujours pas.
25/06/2014, 11h02
iakou
:nono: Dans la page principale ou mère :
Code:

1 2 3 4 5 <script type="text/javascript"> var mavariablej = 0 ; </script>
Dans l'Iframe:
Code:

1 2 3 4 5 <script type="text/javascript"> parent.mavariablej = 12 ; </script>
La valeur 12 va ainsi être transmise à la page mère.
On ne peut plus simple !... En réalité ce n'est même pas une transmission, car on vient directement altérer la variable (ce qui revient au même).
25/06/2014, 12h47
SpaceFrog

http://www.developpez.net/forums/d27...enetre-enfant/
25/06/2014, 13h24
sat99

J'ai refait encore la manip en recopiant exactement le code pour transformer la variable mavariablej=0 en sa veleur 12 dans la iframe.
J'ai ajouté simplement un document.write(mavariablej); dans le document pour la visualiser et prouver qu'elle a bien été modifiée.
Réponse: 0 Donc, la variable n'a pas été modifiée.
Peut-être faut-il un événement pour que la mise à jour s'effectue (?) En actualisant avec le navigateur, ça fait rien de plus.

:whistle:Voici 2 petites pages que vous pourrez tester (il faut les renregister en ".html" dans un dossier quelconque, et ensuite ouvrir mere.html avec votre navigateur favori).

mere.html
Code:

1 2 3 4 5 6 7 8 9 10 11 <html><head> <script type="text/javascript"> var variable = " " ; function jalerte() { alert ("Vous avez saisi : " + variable) ; } </script> </head><body> <iframe src="maframe.html"> </body></html>
maframe.html
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html><head> <script type="text/javascript"> function modification(X) { parent.variable = X.value ; } </script> </head> <body> <label>Entrez un texte (max: 20 caractères) :</label> <input id="texte" type="text" size="8" maxlength="20" onblur="modification(this)"> <br> <br> <button type="button" onclick="parent.jalerte()">Click Me!</button> </body></html>
Comme je le disais au départ, le code de "maframe.html" va modifier une variable, et il va même utiliser une fonction de la page mère !

PS : Il faut bien entendu qu'un évènement intervienne dans l'Iframe. Mais l'évènement onload sur le body peut suffire...

Citation:

<body onload="pte_fonction_js()">

25/06/2014, 16h45
sat99

suite passage variable iframe a document principal

Merci particulièrement à iakou. Le transfert entre le fichier Mere et Fille et l'inverse fonctionne (avec Firefox comme annoncé, mais pas avec Chrome). En fait, il me faut un transfert automatique, Je pense qu'en ajoutant un SetTimeout ça fonctionnera.
25/06/2014, 20h18
iakou

Oui.
Effectivement, cela ne fonctionne pas en "test" sous CHROME et OPERA. En revanche "in situ" tout est normal...
C'est curieux !... Il y a de nombreuses discussions sur les forums à ce sujet (unfortunately, bien souvent en anglais).
Cdlt