Discussion :

[sat99]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Bovino]

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

Ca vient peut-être du fait que

la fonction getIFramePlace

n'existe que dans ton imagination !

[iakou]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[sat99]

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

DANS LA PAGE PRINCIPALE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[sat99]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ça fonctionne toujours pas.

[iakou]

Dans la page principale ou mère :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type="text/javascript">
 
var mavariablej = 0 ; 
 
</script>

Dans l'Iframe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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).

[SpaceFrog]

http://www.developpez.net/forums/d27...enetre-enfant/

[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.

[iakou]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

<body onload="pte_fonction_js()">

[sat99]

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.

[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