Introducción a jquery.liga.js

Como se mencionó en la entrada anterior, jquery.liga.js es un plugin para JQuery que reúne algunas funciones con el objetivo de facilitar el desarrollo front-end (Javascript) de una aplicación web.

Actualmente el tamaño de jquery.liga.js es mínimo, la versión de desarrollo pesa 26.7 Kb, mientras la versión minimizada 12.2 Kb y la versión comprimida tan sólo 4.05 Kb.

Para comenzar a usar la biblioteca descargue la última versión estable de jquery.liga.js de la página oficial del proyecto: http://code.google.com/p/galileo-liga/ a continuación descomprima y coloque el directorio completo en algún lugar de pruebas para sus aplicaciones web, así puede usar antes la plataforma de ejemplo, la cual trae consigo algunas demostraciones de código fuente.

Para que LIGA funcione correctamente incluya en su página los siguientes archivos:

<link rel="stylesheet" media="all" href="LIGA.css" />

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.liga.min.js"></script>

Puede incluir opcionalmente JQuery UI para aprovechar algunas de sus funciones:

<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

Su uso por defecto es muy fácil, además permite configurar todos los elementos rápidamente, a continuación presentamos algunos ejemplos:

$.liga('alerta', '¡Prueba!');

$('body').liga('mensaje', '¡Mensaje de prueba!');

$.liga('pregunta', {msj:'¿Le gusta LIGA.js?',
 funcS : function() {
  $.liga('alerta', '¡Muchas gracias!')
 },
 funcN : function() {
  $.liga('alerta', ":'(")
 }
});

$.liga('notificacion', 'Notificando desde jquery.liga.js');

Cuando el navegador sí implementa notificaciones de escritorio

Cuando el navegador no implementa notificaciones de escritorio muestra un mensaje

var reglas = {

        nombre       : {
         requerido : true
        },
        'contraseña' : {
         requerido : true,
         cond      : 'valor.length > 5',
         msj       : 'La contraseña debe contener más de 5 caracteres'
        },
        edad         : {
         mayor     : 17,
         menor     : 100,
         msj       : 'La edad debe estar entre los 18 y 99 años'
        },
        fecha        : {
         patron    : /^\d{4}-\d{2}-\d{2}$/,
         msj       : 'La fecha debe tener el formato YYYY-MM-DD'
        }
};
var filtro = {
        'contraseña' : function(valor) {
         // Se cargó la biblioteca md5 de http://pajhome.org.uk/crypt/md5
         return hex_md5(valor);
        }
};

$('#nvoUsr').liga('AJAX', {reg:reglas, fil:filtro, mensajes:function(msj) {
        $('.flotante').liga('mensaje', msj);
}});

Para más detalles favor de visitar el manual en línea, el cual está disponible para añadir comentarios, los cuales serán atendidos para seguir mejorando la biblioteca.

Nos leemos en la próxima, hasta pronto!