¿Cómo puedo crear una función de alerta personalizada en Javascript?Alerta personalizada usando Javascript
Respuesta
Puede anular la función existente alert
, que existe en el objeto window
:
window.alert = function (message) {
// Do something with message
};
Si usted está buscando un reemplazo JavaScript/HTML/CSS, recomiendo echar un vistazo a jQueryUI y su aplicación de modal dialogs .
Técnicamente puede cambiar lo que hace la función de alerta. Sin embargo, no puede cambiar el título u otro comportamiento de la ventana modal iniciada por la función de alerta nativa (además del texto/contenido).
Bien, eso es lo que necesitaba saber. +1. Pero acepté la respuesta de advait porque él me dio una solución alternativa. –
Esta es la solución que se me ocurrió. Escribí una función genérica para crear un cuadro de diálogo jQueryUI. Si lo desea, puede anular la función de alerta predeterminada utilizando la sugerencia de Matt: window.alert = alert2;
// Generic self-contained jQueryUI alternative to
// the browser's default JavaScript alert method.
// The only prerequisite is to include jQuery & jQueryUI
// This method automatically creates/destroys the container div
// params:
// message = message to display
// title = the title to display on the alert
// buttonText = the text to display on the button which closes the alert
function alert2(message, title, buttonText) {
buttonText = (buttonText == undefined) ? "Ok" : buttonText;
title = (title == undefined) ? "The page says:" : title;
var div = $('<div>');
div.html(message);
div.attr('title', title);
div.dialog({
autoOpen: true,
modal: true,
draggable: false,
resizable: false,
buttons: [{
text: buttonText,
click: function() {
$(this).dialog("close");
div.remove();
}
}]
});
}
"anular" la forma no es lo suficientemente buena, le sugerimos que cree un cuadro emergente personalizado. El mejor beneficio de esta solución es que puede controlar todos los detalles.
- 1. JavaScript: Anulación de alerta()
- 2. Enlace en alerta de Javascript
- 3. Javascript - Cambiar icono de alerta
- 4. Tamaño del cuadro de diálogo de alerta o Diálogo de alerta personalizada
- 5. Cuadro de alerta de JavaScript con temporizador
- 6. Anular alerta y confirmar en Javascript
- 7. Alerta de JavaScript con 3 botones
- 8. javascript onclick alerta no funciona en cromo
- 9. depuración autoproxy (PAC) javascript con alerta()?
- 10. Mensaje de alerta de Javascript Alternativa
- 11. Javascript alerta cajas no trabajando en Chrome
- 12. webBrowser control stop javascript alerta del sitio web
- 13. error en el uso de alerta en Javascript ('alerta' Propiedad del objeto no es una función)
- 14. ¿Por qué la alerta (!! "0") y la alerta (falsa == "0") salen verdaderas en JavaScript
- 15. Alerta de JavaScript() no funciona en WebView incorporado
- 16. ¿Por qué "alerta (3> 2> 1)" alerta "falsa"
- 17. ¿Hay alguna manera de mostrar una excepción personalizada en una alerta en Android?
- 18. Node.js Alerta produce bloqueo
- 19. Alerta de Javascript carga antes de que la página muestre
- 20. ¿Cómo editar un título de cuadro de alerta de JavaScript?
- 21. Color del texto en una alerta de Javascript
- 22. ¿Hay una alerta de JavaScript que no pausa el script?
- 23. ¿Cómo detectar de dónde viene la alerta de JavaScript?
- 24. ¿Puedo leer el cuadro de alerta de JavaScript con WatiN?
- 25. ¿Cómo se muestra una alerta de JavaScript desde PHP?
- 26. alerta Detener Javascript emergente en navegador web C# control de
- 27. alerta Modificar() del título (Javascript en Android Webview)
- 28. javascript ventanas de alerta con la función de redirección
- 29. ¿Cómo disparo la alerta de sonido en OSX usando Cocoa?
- 30. usando javascript
¿Puede ser un poco más descriptivo? –
Quiero cambiar el título predeterminado de 'La página en http // ...' a mi propio título personalizado. ¿Es eso posible? –