Publicado por: 9

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:

Alternativa al alert de javascript

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….

9 Comentarios

  1. Administrador Microteching Autor del artículo

    Si utilizáis jQuery en modo ‘noConflict()’, tenéis que abrir el archivo ‘.js’ del Apprise y hacer un reemplazo masivo de ‘$’ por ‘jQuery’.

  2. josema

    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

  3. Administrador Microteching Autor del artículo

    Supongo que te debería pillar o los ‘
    ‘ o los ‘\n’…
    Saludos!!

  4. jose Manuel

    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..!!!

    1. Administrador Microteching Autor del artículo

      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!

  5. Sebastian

    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

    1. Administrador Microteching Autor del artículo

      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!

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.