jQuery Cuadros de Diálogo: Alert, Confirm y Prompt
Un conjunto de métodos que proporcionan una forma customizable para mostrar avisos de JavaScript, confirmaciones, y preguntas de tipo Alert, Confirm y Prompt
Resumen
Este plugin jQuery pretende sustituir la funcionalidad básica proporcionada por los típicos métodos de JavaScript: alert(), confirm() y prompt() funciones. ¿Cuál es el beneficio de la utilización de métodos personalizados? Bueno, algunas buenas razones:
* Estos son completamente personalizables a través de CSS (lo que puede hacer que sus aplicaciones es mucho más profesional)
* Puede establecer un título personalizado para cada cuadro de diálogo
* IE7 usuarios obtener una horrible advertencia y por lo general tienen que volver a cargar la página si utiliza la llamada a prompt()
Estos métodos simulan de un verdadero cuadro de diálogo modal. Automáticamente se posicionan en función del tamaño de la ventana del navegador (a diferencia de otros existentes como lightbox). Si se incluye el plugin Arrastrable (Dragable) de jQuery UI, los os de diálogo se pueden mover arrastrando sus barras de título. Todo lo que necesitas para realizar los cuadros de diálogo de esta demostración se incluye en la descarga.
Se Requiere jQuery 1.2.6 o superior.
Implementación
Incluye el código siguente en la cabecera (<head>) del documento HTML:
<!-- Dependencies -->
<script src="/path/to/jquery.js" type="text/javascript"></script>
<script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script>
<!-- Core files -->
<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" />
Aseegurate de remplazar la ruta correta hacia el lugan en dónde hayas colgado los scripts.
Uso
Este plugin usa el espacio de nombres $.alerts , pero también incluye algunos atajos para que el código sea más claro:
jAlert(message, [title, callback])jConfirm(message, [title, callback])jPrompt(message, [value, title, callback])
A diferencia de los cuadros de diálogo típicos, puedes incluir código HTML en el parámetro message. Para indicar una nueva linea puede usar \n o <br />.
IMPORTANTE! Estos métodos no devuelben los mismos valores que confirm() y prompt()
. Para acceder a los resultados deber usar una función que recoga la devolución de la llamada. (Fijate en la demostación para mas detalles.)
Demostración
Visita la página de demostración para ver ejemplos.
Descarga
Descárgate la última versión del plugin: Version 1.0
