Comment affiche une boîte de dialogue dans un autre cadre à l'aide de jquery-ui

Je crée une petite page web à l'aide de jquery-ui-1,8, ce qui est d'avoir un jeu de cadres et de trois cadres.

<frameset id="mainFrame"cols="25%,*,25%"> 
    <frame  id="f1" src="test.php"></frame> 
    <frame id="f2" src="test2.php"/>
    <frame  />
</frameset>

Puis j'ai ajouté un bouton pour test.php fichier qui est chargé au niveau de la première image (f1) et une div test2.php qui est chargé à la deuxième image.

<div id="testdiv"> this is test 2</div>

Puis-je besoin pour ouvrir jquery boîte de dialogue "testdiv" sur la deuxième image (f2) quand je clique sur le bouton de la f1.

J'ai essayé de suivre les solutions à ces fils.
[1] - Affichage jquery boîte de dialogue de la fenêtre parent

var $jParent = window.parent.jQuery.noConflict();
var dlg1 = $jParent('#testdiv');
dlg1.dialog();

et
[2] - jQuery UI boîte de dialogue d'affichage à l'intérieur du cadre, de bookmarklet?

var frame = window.frames[1];
var div = $(frame.document.getElementById("testdiv"));
div.html("My popup contents");
div.dialog();

Mais non de ces pop-ups le dialogue au sein de la deuxième image. Certains ont une, merci de m'aider à résoudre ce problème.

OriginalL'auteur Thilanka | 2011-05-11

  1. 4

    viens de faire le test de cette façon, peut-être que ce n'est pas le meilleur chemin, mais vous pouvez l'essayer.
    (Attention: n'oubliez pas d'ajouter l'attribut -> nom="f2" <- sur iframe f2)

    dans test.php: 

    <button onclick="parent.f2.$('#testdiv').dialog('open');">test</button>

    dans test2.php:

    <link type="text/css" href="jquery-ui.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
   $( "#testdiv" ).dialog({
    autoOpen: false
   });
});
</script>

<div id="testdiv"> hello world! </div>
    Grâce bungdito, Il fonctionne très bien et vous avez enregistré beaucoup de mon temps. 🙂

    OriginalL'auteur bungdito