Abrir jquery popup al enviar form

[astrow25]

Hola,

Haber si me explico bien lo que quiero hacer.

Tengo que hacer un formulario en el que una vez introducido los datos, los guarde en la base de datos, y el resultado de envio lo abra en una ventana jquery popup.

Es decir, que despues de darle al boton enviar, abra una jquery popup, que muestre un mensaje como por ejemplo "Registro realizado."

Espero que me hayas entendido

[Erick_MD9]

Hola, si lo entendemos, que llevas de avance?
Si no llevas nada, revisa esto.

http://www.php.net/manual/es/languag...s.external.php
http://www.php.net/manual/es/refs.database.vendors.php

Una sugerencia, no deberias hacer un popup; es mejor un div, con position fixed.

Saludos

[Mariuch]

Es bastante simple. Podés hacer que una vez que tu formulario se envíe, redirija a la página de tu preferencia y con una variable por $_GET que te permita gestionar la aparición de tu popup.

Código PHP:

  <?php
    // Este es el archivo que procesa tu formulario. Acá vas a recibir toda la información y una vez que termines de hacer todo, redireccionarás adonde haga falta

    header( "Location: index.php?envio=ok" ); // Aprovechando la redirección paso una variable que confirme que mi formulario se envio
?>   

Y dentro del archivo adonde vaya tu formulario luego de procesarse, en mi caso sería en el arvhivo index.php tenés que hacer lo siguiente:

Código PHP:

  <?php
    $confirmar = ( isset( $_GET[ 'envio' ] ) ) ? $_GET[ 'envio' ] : false; // Primero que nada obtener el contenido de la variable envio que pasamos previamente al redireccionar
    
    // Por último, si envío es ok, insertaremos un bloque de código javascript que mostrará el alerta solicitada
    if( $confirmar == 'ok' ){
?>
        <script type="text/javascript">
            alert( "Los datos han sido enviados" );
        </script>
<?php    
    }
?>   

Vale aclarar que para mostrar un simple alert, no hace falta que cargues toda la librería de jQuery que es muy pesada. Acá está hecho con JS puro sin usar ningún adicional.

[astrow25]

Lo de coger las variables $_POST,$_GET, eso ya esta hecho.

Lo unico que necesito es el mensaje de envio realizado correctamente, lo abra en una popup tipo jquery (No javascript)

[pateketrueke]

Iniciado por astrow25

[...] lo abra en una popup tipo jquery (No javascript)

Pues eso es contradictorio, ¿si sabes que jQuery es Javascript o no?

[Mariuch]

Iniciado por astrow25

Lo de coger las variables $_POST,$_GET, eso ya esta hecho.

Lo unico que necesito es el mensaje de envio realizado correctamente, lo abra en una popup tipo jquery (No javascript)

Como bien han dicho en la respuesta anterior, jQuery ES javascript. Es una librería que tiene un montón de información en la que dice que cuando vos ponés por ejemplo $("#objeto"); equivale a la instrucción de javascript document.getElementById( "objeto" );

No tiene sentido cargar una librería completa de jQuery para hacer un alert, y si ya lo has hecho es totalmente compatible usar javascript directamente en lugar de usar jQuery.

Igualmente, usando jQuery el alert se escribe de la misma manera así que no hay ninguna diferencia.

Saluos

[astrow25]

Perdonar, no me explicado bien

Cuando decia lo de no utilizar javascrit, me referia a no abrir el popup mediante la función window.open.

Mil perdones por no haberlo puesto antes.

Un ejemplo de lo que yo querria hacer es un estilo al fancybox, que al pulsar sobre un enlace abre un popup.

[caricatos]

Hola:

Iniciado por astrow25

Perdonar, no me explicado bien

Cuando decia lo de no utilizar javascrit, me referia a no abrir el popup mediante la función window.open.

Mil perdones por no haberlo puesto antes.

Un ejemplo de lo que yo querria hacer es un estilo al fancybox, que al pulsar sobre un enlace abre un popup.

No sé que has querido arreglar, pero lo has desarreglado del todo

Parece que debes usar un iframe que esté oculto y luego maquillarlo un poco con estilos, usando javascript para mostrrlo luego (cambiando el estilo display o visibility)

Saludos

[astrow25]

La apertura de la pagina del mensaje de confirmación quiero que sea de los ejemplos de fancybox.

Entendido ahora?

[pateketrueke]

Iniciado por astrow25

La apertura de la pagina del mensaje de confirmación quiero que sea de los ejemplos de fancybox.

Entendido ahora?

Huy, ¿por qué te enojas?

Me imagino que ya sabes trabajar con fancybox, ¿cierto?

Si es así entonces muestra como abres un popup y nosotros te damos permiso de modificar tu código.

[astrow25]

Iniciado por pateketrueke

Huy, ¿por qué te enojas?

Me imagino que ya sabes trabajar con fancybox, ¿cierto?

Si es así entonces muestra como abres un popup y nosotros te damos permiso de modificar tu código.

No me esta enojando, estaba preguntando si se me habia entendido ahora.

Yo normalmente para abrir paginas popup jquery, lo hago de la siguiente manera

Código PHP:

<head>
...
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.0"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".ifancybox").fancybox({
                'width': '1000px',
                'height': '100%',
                'autoScale': true,
                'transitionIn': 'true',
                'transitionOut': 'true',
                'href': $(this).attr('href'),
                'window.open': $(this).attr('href'),
                'type': 'iframe'
            });
        }); 
    </script>
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css" >
...
</head>
a class="ifancybox" href="link.php">Link</a>
 

EL formulario lo tengo generado de la siguiente manera

Código PHP:

<form action="mensaje.php" id="newsletter" method="post" >
            <label>Boletín noticias</label>
            <div class="clearfix">
                <input type="text" onFocus="if(this.value =='Introduce una dirección de email' ) this.value=''" onBlur="if(this.value=='') this.value='Introduce una dirección de email'" value="Introduce una dirección de email" >
                <a href="#" onClick="document.getElementById('newsletter').submit()" class="btn btn_">subscribir</a>
            </div>
       </form>
 

Y lo que quisiera conseguir es que la pagina mensaje.php se abra al estilo del link

Gracias

[pateketrueke]

Pues lo primero que deberías hacer es leer la documentación de fancybox, porque eso se sale completamente del tema de PHP.

Ya cuando aprendas a invocar el popup sin enlaces, es decir, con una instrucción de Javascript entonces podrás ver lo que te hace falta.

[Triby]

Ya estás procesando correctamente el formulario y agregando a la base de datos?, en ese caso, solo faltaría activar el fancybox.

Si es así, por favor avisa para mover tu tema a Javascript -> jQuery.