JQuery - Abrir ventana modal al enviar formulario

 
Vista:

Abrir ventana modal al enviar formulario

Publicado por Efer (1 intervención) el 21/09/2013 13:16:22
Hola,

Voy a explicar lo que quiero hacer haber si me entendeis y me echais una mano.

Tengo un formulario

1
2
3
4
5
6
7
<form method="post" id="newsletter">
            <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>

Lo que quiero conseguir es que al enviar el formulario (submit), me abra una ventana popup modal.

PAra abrir popups mediante un link lo hago de la siguiente manera.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.0"></script>
<link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen" />
<script>
<head>
...
      $(document).ready(function(){
          $(".ifancybox").fancybox({
                'width': '80%',
                'height': '100%',
                'autoScale': true,
                'transitionIn': 'true',
                'transitionOut': 'true',
                'href': $(this).attr('href'),
                'window.open': $(this).attr('href'),
                'type': 'iframe'
            });
        });
</script>
..
</head>
<body>
    <a class="ifancybox" href="xxx.php">Abrir</a>
</body>

Resumiendo lo que necesito hacer es algo parecido como algo con los links, pero en el submit del form

Muchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Jose maria
Val: 32
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Abrir ventana modal al enviar formulario

Publicado por Jose maria (8 intervenciones) el 21/09/2013 18:48:23
Hola Efer:

Sin conocer tu librería de trabajo para abrir popups (generalmente trabajo con jQuery UI, jQueryMobile o multipágina según me interese), te sugiero que pruebes lo siguiente:

Dices, o así lo deduzco, que:
1
2
3
<body>
    <a class="ifancybox" href="xxx.php">Abrir</a>
</body>
te funciona.

Prueba a hacerlo desde <form> de la siguiente manera::
1
2
3
<form action="xxx.php" method="post" class="ifancybox">
	    <!-- // tu código // -->
	  </form>

No lo he probado.

Puedes ver documentación interesante (es otro plugin) en jQuery. bPopup . js. Lo he probado con éxito.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar