Estoy creando una pequeña página web con jquery-ui-1.8 que es tener un conjunto de marcos y tres cuadros.

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

Luego he añadido un botón para test.php archivo que se carga en el primer fotograma (f1) y un div test2.php que se carga en el segundo fotograma.

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

Entonces la necesidad emergente de un diálogo jquery de «testdiv» en el segundo fotograma (f2) cuando hago clic en el botón en la f1.

He intentado siguientes soluciones dadas en estos hilos.
[1] – Pantalla de diálogo jquery en la ventana padre

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

y
[2] – jQuery UI diálogo dentro del encuadre, desde el bookmarklet?

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

Pero no de estos pop-ups en el cuadro de diálogo en el segundo fotograma. ¿Alguien por favor me ayude a resolver este problema.

InformationsquelleAutor Thilanka | 2011-05-11

1 Comentario

  1. 4

    acabo de hacer la prueba para de esta manera, tal vez esta no es la mejor manera pero se puede tratar.
    (Atención: no olvide agregar el atributo -> nombre=»f2″ <- en iframe f2)

    en test.php:

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

    en 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>
    • Gracias bungdito, funciona bien y guardó mucho de mi tiempo. 🙂

Dejar respuesta

Please enter your comment!
Please enter your name here