• Home
  • Inicio
  • Apps
  • Ruby
  • Docker
  • KumbiaPHP
  • Acerca de …

Soy programador.liz.mx

  • Inicio
  • Apps
  • Ruby
  • Docker
  • KumbiaPHP
  • Acerca de …
Home Talleres jAlert,jConfirm,jPrompt VS alert y lo tradicional

jAlert,jConfirm,jPrompt VS alert y lo tradicional

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

Sep 20, 2012Govani

Relacionado

NicEdit WYSIWYG un editor para nuestros sitiosManejando cookies con jquery-cookie
Comments: 10
  1. Efraingb
    23 julio, 2013 at 11:14 am

    Saludos! Cómo descargo el CSS para que la alerta se vea azul, como en el ejemplo??

    ReplyCancel
    • Efraingb
      24 julio, 2013 at 11:06 am

      Ya hice el CSS, olvídenlo. Gracias por la publicacíon.

      ReplyCancel
      • govani
        11 noviembre, 2013 at 2:04 pm

        Perdón por no responder amigo, pero he andado algo ausente.

        ReplyCancel
      • govani
        11 noviembre, 2013 at 2:05 pm

        Pero esta el encace en el post para el plugin modificado (solo visualmente)

        ReplyCancel
  2. jose miguel
    8 noviembre, 2013 at 9:53 am

    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?

    ReplyCancel
    • goavni
      11 noviembre, 2013 at 2:03 pm

      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.

      ReplyCancel
  3. Erick Ysidro
    25 noviembre, 2013 at 4:14 pm

    Una consulta si quiero que un alert se muestre solo despues de un error en que cambiaria el codigo?

    ReplyCancel
  4. AlexVan Dher Carre
    5 septiembre, 2014 at 4:58 am

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

    ReplyCancel
    • govaniso
      6 septiembre, 2014 at 10:46 am

      Genial, esos pequeños detalles nos facilitan mucho el trabajo. en horabuena

      ReplyCancel
  5. Toluko
    22 noviembre, 2016 at 12:03 pm

    Como poder cambiar la descripcion del boton "Aceptar" por otro texto dentro del JAlert

    ReplyCancel

Responder a AlexVan Dher Carre Cancelar la respuesta

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

20 septiembre, 2012 10 Comments Framework, Jquery, Plugins JqueryjAlert, jConfirm, jPrompt, plugins-jQuery
0
GooglePlus
0
Facebook
0
Twitter
0
Linkedin
0
Pinterest
Buscar
Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

Entradas recientes
  • tabulator.info una tabla con muchas funcionalidades
  • Creación de certificados SSL con let’s encrypt mediante validación por DNS
  • Como integrar bootstrap con KumbiaPHP
  • Ejecutar PHP desde consola Windows
  • eBooks gratis para programadores
Comentarios recientes
  • Govani en Web hosting ideal para desarrolladores web
  • Zack en Cuidado con lo que descargas y de donde lo descargas.
  • Merca en Web hosting ideal para desarrolladores web
  • Pascu en Generar IDs únicos con uniqid (PHP)
  • Antonio en Fat Free Framework, un framework light para PHP
diciembre 2019
L M X J V S D
« Nov    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

2016 © Soy programador