FancyBox – Llamarlo desde una función

Muchos de vosotros conoceréis FancyBox, una alternativa para Ligtht Box. Nos permite abrir ventanas modales mostrando mensajes o imágenes. Las maneras de utilizarlo estan muy detalladas en su página web. Ahora bien… hay una opción que no se indica y que es muy interesante:

Abrir la ventana modal fancybox directamente desde una función

Imaginemos que queremos sustituir un alert(‘Error al enviar el formulario’) por una bonita ventana modal que muestre el error de forma mas ‘bonita’. Cómo?

1
2
3
4
5
6
7
8
9
10
11
$.fancybox.open(
"Error al enviar el formulario",
{
    'autoScale': true,
    'transitionIn': 'elastic',
    'transitionOut': 'elastic',
    'speedIn': 500,
    'speedOut': 300,
    'autoDimensions': true,
    'centerOnScroll': true,
});

Lógicamente, y doy por sabido, que hay que cargar las librerías de Fancybox y jquery, sino el código no funcionará.

Más información

Artículos relacionados

Validar un formulario con jQuery antes de enviarlo Una de las funciones que le dan un perfil mas profesional a nuestra web, es la validación de los formularios, antes de enviarlos. Una opción es enviar...
jQuery – Saber si un checkbox está seleccion... A la hora de enviar formularios, nos puede interesar saber si un checkbox está o no seleccionado. Para ello, jQuery nos proporciona una forma muy senc...
jQuery – Validar formulario antes de enviarl... Os dejamos un videotutorial que detalla cómo validar un formulario antes de enviarlo, mostrando al usuario qué error está cometiendo y en que campo. V...
jQuery – Drag & Drop – 2 plugins Os dejo dos plugins que os puede ser de ayuda para el tratamiento del arrastre (drag & drop) de objetos: Draggabilly Permite arrastra solo en de...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*