ESPERA, HAY OTRA ALTERNATIVA A JALERT!!!!

SweetAlert - Alertnativa a jAlert

jQuery Alert Dialogs, es un plugin que nos permite reemplazar a los tradicionales Alert, Confirm, & Prompt por unas mensajes de diálogos mas vistosos y funcionales para nuestro sitio web. y su uso es tan sencillo como los nativos de javascript, veremos unos ejemplos:

En lo personal llevo ya buen rato usando este plugin y me ha sido de gran utilidad, espero les ayude a ustedes también.

jAlert

jAlert('This is a custom alert box', 'Alert Dialog');

image

jConfirm

jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
    jAlert('Confirmed: ' + r, 'Confirmation Results');
});

image

jPrompt

jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
    if( r ) alert('You entered ' + r);
});

image

jAlert con HTML

jAlert('You can use HTML, such as <strong>bold</strong>, <em>italics</em>, and <u>underline</u>!');

image

Estilo personalizado

image

Demo oficial 

Desde: https://code.google.com/p/puentesarrin-samples/source/browse/#svn%2Ftrunk%2Fsample_jalerts

Tenemos la opción de descargar el plugin con ciertas modificaciones, con las cuales tenemos las siguientes opciones de dialogo.

Sample jAlert
Sample jConfirm
Sample jPrompt

Y como extras
Sample jMessage
Sample jWarning
Sample jError

Descarga de plugin modificado

10 comentarios en «jAlert,jConfirm,jPrompt VS alert y lo tradicional»
  1. Hola,
    Tengo en mi aplicacion muchas funciones javascript de validación que devuelven true o false en función de diversas reglas de negocio. Estas funciones se usan por toda la aplicación. Dentro de estas funciones tengo algunas llamadas a la funcion tradicional de confirm.
    Queria cambiar los confirm tradicionales por llamadas a jConfirm para hacerlas mas actractivas al usuario. No se como hacer que mis funciones devuelvan true o false en función de lo que haya elegido el usuario con el jConfirm.
    ¿Es posible?

    1. No se bien como este estructurada tu aplicacion, pero funciona un poco diferente el jConfirm, si no es muy extensa tu aplicación te recomiendo mejor hacer la migración paso a paso, y vayas probando que todo funciona correctamente.

  2. Estimados… efectue un humilde cambio… haciendo un cuadro de dialogo donde el usuario puede elegir tres opciones… Yes No Cancel…

Deja una respuesta

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