Ya en una entrada anterior hablamos de Smoke.js, una librería independiente de Javascript para poner cuadros de diálogos, alertas, etc, etc. Desde hace unos cuantos meses se ha actualizado a la versión 0.1.3, corrigiendo algunos errores e incluyendo una nueva característica, la de selector de múltiples opciones.
A nivel de desarrollador, la versión 0.1.3 cambia mucho respecto a la anterior, fundamentalmente porque la forma de indicar la duración de los mensajes ha cambiado bastante.
$(‘#confirmar’).on(‘click’, function () {
smoke.confirm(‘texto’,function(e){
if (e){
smoke.signal(‘Pulsa Salir y me voy en 3 segundos’, function (e) {null;}, { duration: 3000 });
}else{
smoke.alert(‘Pulsa Cancelar’);
}
},
{ok:"Salir", cancel:"Cancelar"} // Nombre de los botones
); // Muestra mensaje de confirmacion
});
$(‘#multiple’).on(‘click’, function () {
smoke.quiz("Color favorito?", function(e){
if (e == "Azul – Blue"){
$mens.html(‘<strong>’+e+'</strong>’);
}
else { $mens.html(‘Ha seleccionado .. <i>’+e+'</i>’);}
}, {
button_1: "Azul – Blue",
button_2: "Amarillo – Yellow",
button_3: "Verde – Green",
button_cancel: "Ninguno"
});
});
Puedes acceder a esta página para verla en acción. En la primera sentencia, te pide que pulses en Salir o en Cancelar. Si le das a Salir, te saltará un mensaje que sólo dura 3 segundos (el tiempo viene en milisegundos).
Mejoras de smoke.js
Si bien el código actual es más funcional, en la anterior versión era más breve. A cambio, permite más funcionalidad a los desarrolladores, cosa que siempre está bien.
Yo es una de mis librerías fijas cuando trabajo con HTML5, y tú, ¿la estás usando ya?