Son cada vez más los que piensan que no debemos utilizar el alert de javascript de cara al usuario final, pero los programadores estamos demasiado acostumbrados a utilizarlos y son nuestros compañeros de depuración en casos en los que no podemos gastar a ‘San Firebug’ ni similares.
Pues bien. Apprise es una alternativa muy ligera y elegante para sustituir a nuestros viejos alerts.
Además permite personalizar los textos y amplía alguna funcionalidad como podemos ver:
Además, podemos fácilmente sobrecargar la función alert() para que al implementar ‘apprise’ no tengamos que ir cambiando los viejos alerts uno a uno, e incluso los podamos seguir usando.
if(document.getElementById) {
window.alert = function(txt) {
apprise(txt);
}
}Pues nada.
Esperamos que os guste y que os sirva.
Happy codding….
Si utilizáis jQuery en modo ‘noConflict()’, tenéis que abrir el archivo ‘.js’ del Apprise y hacer un reemplazo masivo de ‘$’ por ‘jQuery’.
Hola, he estado buscando unos popup personalizados y este me ha encantado, solo tengo una duda, como puedo hacer un salto de linea para meter mas de una linea? Un saludo
Supongo que te debería pillar o los ‘
‘ o los ‘\n’…
Saludos!!
En apprise el salto de linea se hace mediante código html:
apprise(“HelloWorld”, {‘animate’:true});
Gracias!
Así es.
Saludos.
hola que tal
alguien sabe algo sobre alert personalizadas??
lo que pasa es de que tengo una duda; miren tengo una alert que se muestra cada 3 segundos, pero quiero poner otra que se muestre cada 5 segundos, ahora cuando estas las mando a llamar se amontonan osea que salen al mismo tiempo.
Tengo el siguiente código de como las mando a llamar:
/*———————————————————–ALERT 1——————————————————————– */
var numero = 70.00;
function sleep(valor, numero){
if (parseInt(valor) < numero)
{
//Función del alerta
function showAlert() {
$('#clickMe').trigger("click");
setTimeout(function() {
$('#no').trigger("click");
setTimeout(function() {
showAlert();
},3000);
},3000);
}
$(function() {
$('#clickMe').alertBox({
href: 'success.html',
page: 'alert.html'
});
showAlert();
});
}else {
function showAlert2() {
$('#clickMe2').trigger("click");
setTimeout(function() {
$('#no').trigger("click");
setTimeout(function() {
showAlert2();
}, 3000);
}, 3000);
}
$(function() {
$('#clickMe2').alertBox({
href: 'success.html',
page: 'alert2.html'
});
showAlert2();
});
}
}
setTimeout(function(){
sleep(, numero);
},3000);
/*———————————————————–ALERT 2——————————————————————– */
var numero2 = 100.00;
function sleep(valor2, numero2){
if (parseInt(valor2) < numero2)
{
//Función del alerta
function showAlert3() {
$('#clickMe3').trigger("click");
setTimeout(function() {
$('#no').trigger("click");
setTimeout(function() {
showAlert3();
},6000);
},5000);
}
$(function() {
$('#clickMe3').alertBox({
href: 'success.html',
page: 'alert4.html'
});
showAlert3();
});
}
}
setTimeout(function(){
sleep(,numero2);
},4000);
</script
Espero que alguien me pueda ayudar por favor..!!!
Quizás, si nos pones un enlace a una página con el ejemplo de código…
Así cualquiera podría ver que te está pasando exactamente, y depurar con firebug para poder ayudarte…
Saludos!
Me podrias definir bien como implementar este codigo
if(document.getElementById) {
window.alert = function(txt) {
apprise(txt);
}
}
en mi pagina html con Alertas en Javascript
Hola Sebastian,
Lo primero es instalarte el plugin y ver que te funciona cuando haces una llamada tipo “apprise(“hola”)”
Llegados a este punto, al final de la carga de tu página o en cualquier JS que sepas que se ejecuta siempre, pones el código ese y así estaremos haciendo una sobrecarga de la función “alert” nativa de javascript.
Si?
Espero que te ayude un poco la explicación….
Happy coding!