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

jQuery – validar grupo de checkbox con jQuer... Existe un pligin llamado Validate que puede utilizarse para validar un formulario. Seguro que muchos de vosotros ya lo sabréis. Pero cómo validamos qu...
jQuery – Capturar valor de desplegable y esc... Estrenando nuestro perfil de CodePen.io, vamos a ver un ejemplo en jQuery que trabaja con desplegables (selects) y cajas de texto en formularios. En m...
jQuery – Conseguir el valor href de un enlac... Para conseguir el valor de href en un enlace con jQuery utilizaremos el siguiente código: $(document).ready(function() { $("a").click(function...
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...

Deja un comentario

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

*