Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/09/2011, 13:16
Avatar de Shaito
Shaito
 
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 13 años, 8 meses
Puntos: 37
Abrir FancyBox después de enviar form

Hola

Tengo un formulario con jquery típico, y me gustaría que al finalizar la acción de send abriese un iframe con fancybox.

Código de jquery:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $('#apk_voto').hide();
  3.     $().ajaxStart(function() {
  4.         $('#nuevo_voto').show();
  5.     }).ajaxStop(function() {
  6.         $('#nuevo_voto').hide();
  7.         $('#apk_voto').show('slow');
  8.     });
  9.     $('#form, #fat, #form_voto').submit(function() {
  10.         $.ajax({
  11.             type: 'POST',
  12.             url: $(this).attr('action'),
  13.             data: $(this).serialize(),
  14.             success: function(data) {
  15.                 $('#nuevo_voto').fadeOut('fast');
  16.                 $('#apk_voto').fadeIn('slow')();
  17.             }
  18.         })
  19.         return false;
  20.     });
  21. })

Y el del fancy:

Código Javascript:
Ver original
  1. $("#form").fancybox({
  2.                 'width'             : '50%',
  3.                 'height'            : '30%',
  4.                 'autoScale'         : true,
  5.                 'transitionIn'      : 'elastic',
  6.                 'transitionOut'     : 'over',
  7.                 'type'              : 'iframe'
  8.             });


Espero que me puedan aconsejar de cómo hacerlo


Un saludo
__________________
Shaito Hiraga - Diseñador CSS