passer une variable javascript à partir d'une iframe à l'image parent

J'ai donc une variable dans mon iframe comme suit:

 <script>
var zipphone = "<?= $phone ?>";
 </script>

Maintenant je veux passer cette variable à l'image parent après l'iframe est chargé. Quelle est la façon la plus simple de le faire?

  • Que diriez-vous d'une fonction onload sur l'iframe ?
InformationsquelleAutor zach | 2011-06-07
  1. 12

    Si les pages sont toutes les deux sur le même domaine, vous pouvez appeler une fonction de la fenêtre parent:

    window.parent.zipPhoneCallback(zipphone);

    Dans le parent de la fenêtre, vous pouvez définir une fonction comme ceci:

    function zipPhoneCallback(zipphone) {
    ((console&&console.log)||alert)("zipphone = " + zipphone);
}
    • Je ne peux pas le faire fonctionner. Pouvez-vous expliquer davantage? Aussi, comment puis-je empêcher que cela n'arrive qu'APRÈS l'iframe a été chargé. La raison pour laquelle je demande, parce que je ne charge pas les iframe jusqu'à ce que une fois qu'un formulaire est présenté sur l'image parent.
    • Fonctionne très bien pour moi. Voici un exemple plus concret. Par la route, vous pouvez aller à travers vos questions, et si il y a une réponse satisfaisante, il marque que la réponse en cliquant sur le creux coche à côté d'elle, à quel point il s'allume en vert.
    InformationsquelleAutor icktoofay
  2. 2

    Attention, il semble y avoir un navigateur Chrome question de s'occuper des variables à partir de pages web ou de IFRAMES. Ce problème apparaît en mode hors connexion de test.

    Cela de côté, en supposant que votre navigateur en fait met en œuvre les fonctions de base de Javascript, vous l'adresse de la variable à partir de votre page web principale à l'aide de la fenêtre.myiframename.zipphone

    <IFRAME NAME="myiframename" SRC="myzipphoneiframefile.htm" ....

<script type="text/javascript">
<!--
//then whatever you do with your variable 
//read it
var z = window.myiframename.zipphone;
//write to it
window.myiframename.zipphone = "....";

    et ainsi de suite.

    Exemple.

    DOC1.HTM contenu -

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>DOC1.HTM</title> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
</head> 
<body bgcolor=pink> 

<h1>DOC1.HTM</h1> 

<iframe name="iframename" src="doc2.htm"></iframe> 
<p> 
<br /> 
<a href="#" onclick="alert('The value of the variable test_var set by a script in DOC2.HTM embedded in the DOC1.HTM page by an iframe named IFRAMENAME as read from a script running in DOC1.HTM appears to be - ' + window.iframename.test_var);return false;">check variable</a> 
</p> 

</body> 
</html>

    DOC2.HTM contenu -

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>DOC2.HTM</title> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
</head> 

<body bgcolor=red> 

<script type="text/javascript"> 

var test_var="testing, testing . . ."; 

</script> 


<h1>DOC2.HTM</h1> 
</body> 
</html>

    Qui fonctionne à merveille, même avec les anciennes versions d'Internet Explorer, mais l'essayer en mode hors connexion de test avec Chrome et de la fenêtre.iframename.test_var semble être indéfini, parce que du Chrome question.

    De toute façon, regarder dehors pour les futures versions de google Chrome, la fixation de ce parce que c'est beaucoup de l'oeuf sur Google visage alors qu'ils n'ont pas.

    J'ai un travail autour de ce problème dans Chrome en mode hors connexion de test.

    Grâce à Lucy24 sur WebmasterWorld pour les aider. http://www.webmasterworld.com/google_chrome/4689258.htm#msg4689342

    Ce problème avec google Chrome se pose lorsque mon javascript a été testé hors ligne et fichiers doc1.htm et doc2.htm sont dans le même dossier sur mon PC.

    Le déplacement de la doc1.htm & doc2.htm les fichiers d'un dossier où j'ai tester mon serveur php côté des programmes, qui s'exécute à l'aide de Windows le Gestionnaire des Services Internet signifie que je peux aborder les fichiers à l'aide de h t t p : //l o c a l h o s t adresses et bingo, Chrome se comporte comme il se doit comporté en mode hors connexion.

    Il n'est pas "légitime" à mon avis, pour Chrome javascript de ne pas être en mesure de traiter directement les fichiers dans le même dossier en mode hors connexion.

    Il n'y a absolument aucun problème de sécurité lors de l'exécution de vos propres fichiers javascript sur votre propre PC. Ou si Chrome voulu offrir un paramètre de sécurité admis ou rejetés hors ligne IFRAME variable de portée alors OK, ce serait bien.

    Le message d'erreur n'est pas clair du tout je soumettre et Lucy24 avez bien fait de comprendre ce que cela signifiait.

    Si Internet Explorer et Firefox, etc vous permettre de tester votre javascript en mode hors connexion, alors pourquoi ne pas Chrome?

    Tellement bien fait Lucy24. Pas tellement bien fait de Chrome.

    • bon point +1 méritée!
    InformationsquelleAutor Peter Dow