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 – 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...
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 – Traducir hora española a inglesa Es muy común tener en un textbox de un formulario una fecha en español DD/MM/YYY, y queramos convertirla al formato inglés YYYY/MM/DD para poder traba...
jQuery – Cómo seleccionar una opción de Sele... Ya vimos en artículos anteriores cómo seleccionar una opción de un desplegable (select) por su valor. En este artículo vamos a ver cómo seleccionarlo ...

Deja un comentario

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

*