jQuery Alert Dialogs... reemplaza las alertas

Escrito por: Martín el 06-01-2009 18:56:06 y leído 9225 veces

A menudo utilizamos alerts, prompts o confirms en nuestras webs o sistemas para avisar algo al usuario o pedirle su confirmación, o simplemente que entre un dato.

jQuery nos da una posibilidad enorme de mejorar estas feas ventanas de alerta de javascript con muy pocas líneas de código como siempre.

¿Qué ventajas obtenemos? En funcionamiento ninguna, pero en estética ganamos mucho, ya que podemos controlar vía CSS los colores, tipografías y fondos que usarán nuestras ventanitas.

¿Cómo se usa? Como siempre, agregando las librerías jQuery (ver código 1), y llamando a la función (ver código 2)

¿No te convence? Mira la demo que puso su creador para que veas los diferentes usos...

Recomendación: sería recomendable utilizar siempre una función que, en caso de fallar el uso de jQuery, nos muestre los diálogos de modo tradicional, ya que si, por alguna razón, jQuery fallara, dejaremos de avisar al usuario de nuestra web de algo que puede ser importante.

Fuente: anieto2k.

Código XHTML

<script src="/path/to/jquery.js" type="text/javascript"></script>
<script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="/path/to/jquery.alerts.js" type="text/javascript"></script>
<link href="/path/to/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

Código JAVASCRIPT

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

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

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

[Descargar Adjunto]

Categorías: Alert • Javascript • Jquery • Mensajes • Css •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

alert jquery • jquery alert • alertas jquery • alertas con jquery • jquery alert dialogs • alert con jquery • jquery alerts • alertas en jquery • alerta jquery • jquery alerts js • mensaje de confirmacion jquery • alerts jquery • alert en jquery • jquery message alert • alert CSS • mensaje confirmacion jquery • jquery alerts css • jquery mensaje confirmacion • jquery alertas • jquery alert dialog • confirmacion jquery • jquery dialog alert • ventana confirmacion jquery • alert jquery php • mensaje de confirmacion con jquery • jquery alerta • jquery confirmacion • ventana de confirmacion jquery • alerta con jquery • mensajes de confirmacion jquery • jquery mensaje de confirmacion • mensajes de confirmacion con jquery • jquery notification dialog field validation • ventana de alerta jquery • alert jquery css • ventanas de alerta en jquery • confirmacion con jquery • alert in jquery • alert dialog jquery • dialogo confirmacion jquery • ALERT CON CSS • descargar jquery alert dialogs • jquery alert css • mensajes confirmacion jquery • Confirmacion en jquery • alert with jquery • MEnSAJE DE CONFIRMACION EN JQUERY • ventanas alert jquery • pedir ventana de confirmación con jquery • ventana de alerta en jquery • dialog jquery • jquery alerts dialogs • alertas con css • alert css jquery • ventana de alerta con jquery • alert() jquery • mostrar alerta jquery • alert box jquery • ventana alerta jquery • ventanas de alerta jquery • jquery alert personalizadas javascript • ventana de confirmacion con jquery • alert jquery ui • dialog jquery alert • mejorar alert javascript • ventanas de alerta con jquery • ventanas de confirmacion jquery • jQuery Alert Dialogs php • alert jquery en php • alerts en jquery • alert dialogs jquery • jquery-alert-dialogs-reemplaza-las-alertas2 • jquery alert() • reemplazar alertas con jquery • reemplazar alert • jquery alert box • modificar avisos jquery • confirmar jquery • alertas facebook jquery • alerta en jquery • jquery msgbox download • validacion con dialog jquery ui • jquery mensaje de alerta • alertas css • validar formularios en jquery alertas • alert confirmacion jquery • ventana de alerta en php • mensajes tipo alert con jquery • alert con jquery en php • dialog alert css • ventana de aviso jquery • css alert jquery • php jquery alert • ventanas de mensaje jquery • jquery alert js • usar jquery alert • mensajes de confirmacion en jquery • jquery dialog • ventanas aviso jquery • jquery alert dialogs download •