domingo, febrero 08, 2009

Reemplazo de alert(), confirm() y prompt() de JavaScript con jQuery

jQuery Alert Dialogs se trata de una serie de métodos que nos proveen de una forma completamente personalizable por medio de CSS de mostrar las alertas, confirmaciones y notificaciones JavaScript.

jQuery plugin busca reemplazar las funcionalidades básicas que se logran mediante la implementación de los comandos estándares JavaScript alert(), confirm()y prompt(). Para implementarlo solo tenemos que añadir estas líneas a nuestro :

<link href="%E2%80%9D/path/to/jquery.alerts.css%E2%80%9D" rel="”stylesheet”" type="”text/css”" media="”screen”">

Una vez hecho esto debemos llamar a las funciones que mostrarán las alertas.

jAlert es el sustituto de alert() y nos muestra alerta básica con un botón de aceptar para que el usuario acepte que ha visto el aviso.

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

El sustituto de prompt() nos permite introducir un valor desde la ventana, se llama así:

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

Y finalmente la elternativa a confirm() nos permite ofrecer al usuario la opción de aceptar o cancelar una acción, la implementamos de la siguiente manera:

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

Desde Anieto2k nos proponen, además, un sistema para implementar esta opción como una alternativa y que en caso de fallar nos muestre la funcionalidad original. Para ver el articulo completo haz clic aquí>>

blog comments powered by Disqus

Entradas populares