Foros del Web » Programando para Internet » Javascript »

cerrar iframe y recargar ventana padre

Estas en el tema de cerrar iframe y recargar ventana padre en el foro de Javascript en Foros del Web. Hola, estoy usando este codigo para cargar Iframe en Dialog JQuery UI el cual me muestra una ventana tipo popup perfectamente: Código: <script type="text/javascript"> $(document).ready(function() ...
  #1 (permalink)  
Antiguo 19/03/2012, 20:02
 
Fecha de Ingreso: noviembre-2006
Mensajes: 14
Antigüedad: 17 años, 4 meses
Puntos: 0
cerrar iframe y recargar ventana padre

Hola, estoy usando este codigo para cargar Iframe en Dialog JQuery UI el cual me muestra una ventana tipo popup perfectamente:
Código:
<script type="text/javascript">
    $(document).ready(function() {
         $(function() {

            $("a.dialog_link").click(function(e){
                e.preventDefault();
                var url = $(this).attr('href');
                var iframe = $('<iframe   src="'+ url +'"  />');

                iframe.dialog({
                    autoOpen: true,
                    title: "Reportes",
                    width: 989,
                    height: 500,
                    modal: true,
                    resizable: false,
                    buttons: {
                        "Cerrar": function() {
                            $(this).dialog('close');
                        }
                    }

                }).width(989 - 12).height(500 - 15);
            });

        });
    });

</script>
En este popup muestro un formulario, el tema es que al enviar el formulario y procesarlo por php quiero que automaticamente ese popup se cierre y recargue la ventana padre, alguien me podría explicar como hacerlo ya que estoy probando y no encuentro la solución.

Gracias
Ariel
  #2 (permalink)  
Antiguo 19/03/2012, 22:29
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: cerrar iframe y recargar ventana padre

Podés hacer algo asi, siempre y cuando tengas acceso al código de la pagina que contiene el form

Página principal index.html

agregas en el head
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. self.name ="ventanaprincipal";
  4. //]]>
  5. </script>
Eso lo haces para poser identificar la ventana

En la página que contiene el form
Código HTML:
Ver original
  1. <script type="text/javascript">
  2. <form action="x.php" method="post" onsubmit="return window.open('index.html?salir=gracias','ventanaprincipal');">
  3. <input type="text" name="n" />
  4. <input type="submit" />
  5. </form>
le agregue un parámetro a index.html en la script para que verifiques que realmente se recarga, aunque no es obligatorio.
En realidad vos no cerras el dalog, abris de vuelta la ventana y el dialog, no aparece

finalmente, para probar que funciona, creas un x.php
Código PHP:
Ver original
  1. <?php
  2. $texto = $_POST['n'];
  3. file_put_contents('algo.txt',"$texto\n",FILE_APPEND);
  4. ?>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 19/03/2012 a las 22:39
  #3 (permalink)  
Antiguo 20/03/2012, 06:05
 
Fecha de Ingreso: noviembre-2006
Mensajes: 14
Antigüedad: 17 años, 4 meses
Puntos: 0
Respuesta: cerrar iframe y recargar ventana padre

Lo probe como me indicas y funciona!
Muchas gracias por tu ayuda.
Saludos

Etiquetas: cerrar, formulario, iframe, jquery, padre, php, ventanas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:47.