Meth Blog

Desde hace tiempo estoy con la idea de realizar un plugin para JQuery, en realidad es un mini-plugin. Bueno explico más detenidamente.

Desde hace tiempo dejé de usar alert en javascript para mostrar mensajes, suele resultar bastante incómodo para muchos clientes, por lo que opté por mostrar mensajes en unas capas de manera visible, los famosos mensajes flash. Tanto repetir esta acción opté por crear este miniplugin, que recibe como parámetros de entrada el tiempo que queremos que esté visible el mensaje, y el mensaje a mostrar en la capa. Por lo que el uso sería:

<div id="mensaje"></div>

$("#mensaje").message({time: 2000,message: 'Este mensaje aparecerá'});

El tiempo se le pasa en milisegundos.

El código del plugin es el siguiente:

jQuery.fn.extend({
message: function(o) {
// Defaults
if (!o) var o = {};
if (o.message == undefined) o.message = '';
if (o.time == undefined) o.time = 1000;

$(this).each(function(){
$(this).html(o.message).fadeIn("slow").animate({opacity: 1.0},o.time).fadeOut("slow");
});
}
});

Espero que sea de utilidad.