Please enable JavaScript.
Coggle requires JavaScript to display documents.
Cajas de diálogo con JavaScript - Coggle Diagram
Cajas de diálogo con JavaScript
Tipos de cajas de diálogo
Alertas
alert()
confirm()
prompt()
Ventanas modales
Librerías
Bootstrap
jQuery UI
Materialize
API Modal de Bootstrap
Cajas de diálogo personalizadas
HTML
CSS
JavaScript
Creación de cajas de diálogo
Librerías
bootstrap.modal()
$.dialog() (jQuery UI)
M.Modal.init() (Materialize)
Código personalizado
createElement()
appendChild()
style.display = 'block'
Funciones JavaScript
window.alert()
window.confirm()
window.prompt()
Interacción
Eventos
click
submit
keydown
Funciones de escucha
addEventListener()
removeEventListener()
Ejemplos
Mostrar una alerta al hacer clic en un botón
Confirmar la eliminación de un elemento
Solicitar al usuario que introduzca un nombre
Interfaz de usuario
Diseño web responsive
Accesibilidad
Experiencia de usuario
Usabilidad
Diseño centrado en el usuario