Contrôle de la fenêtre parent supérieure à partir de iframe avec jquery ou javascript

Question

J'ai une page sur mon site qui contient un champ de texte vide. À côté de ceci est un bouton qui ouvre un iframe (en utilisant la boîte de couleur). Cette iframe affiche la liste des fichiers - à côté de chaque fichier est un bouton qui met le nom de fichier dans le champ de texte dans la fenêtre parent en appelant la fonction ci-dessous:

function returnImage(file){ 

    $('#input_text_id', window.parent.document).val(file); 
    parent.$.fn.colorbox.close(); 

} 

Cela fonctionne très bien, mais un problème se pose lorsque Je clique sur un dossier dans l'iframe. Cela provoque la page dans l'iframe pour charger une autre page de fichiers. Après cela, la fonction ne fonctionne plus.

Y a-t-il un moyen pour que je puisse utiliser jquery pour accéder à la page parent la plus haute et la contrôler? Donc, nous aurions quelque chose comme:

function returnImage(file){ 

    $('#input_text_id', theoriginalwindow.document).val(file); 
    parent.$.fn.colorbox.close(); 

} 

Espérons que cela a du sens, si vous avez besoin de plus d'informations, s'il vous plaît faites le moi savoir.

Merci

Answer 1

Dans la fenêtre supérieure:

<script> 
    function returnImage(file, doc){ 
     $('#input_text_id', doc).val(file); 
     $.fn.colorbox.close(); 
    } 
</script> 

De iframe:

<script> 
    top.returnImage(file, document); // top is top parent window. 
</script> 

Answer 2

utilisation top.