Alerta al hacer clic
Por ejemplo, digamos que queremos ejecutar la función showAlert() después de que el cuerpo de la página web esté completamente cargado. Una forma de hacerlo es añadir el atributo onload al elemento <body> de nuestra página web, así:
Prueba a añadir lo anterior a tu página web, luego carga la página y comprueba si funciona. Si no lo hace, probablemente tengas un error. Asegúrate de que has escrito todo exactamente como aparece, incluyendo las mayúsculas y la puntuación. Los lenguajes de programación pueden ser muy exigentes con los errores aparentemente pequeños. (La próxima lección hablará más sobre la depuración). Una vez que lo tengas funcionando, pasa a la siguiente sección.
Hasta ahora en esta lección, hemos llamado a la función showAlert() cuando se carga el cuerpo de la página web. Sin embargo, podríamos activarla utilizando otros eventos. Por ejemplo, podríamos mostrar la alerta sólo si el usuario hace clic en un botón. Pruebe esto:
Este nuevo código añade un botón a su página web. El botón incluye el atributo onclick, que hace que se llame a showAlert() cuando un usuario hace clic en el botón. El evento onclick también funciona para los usuarios de teclado. Si un usuario navega hasta el botón usando la tecla de tabulación, y luego presiona enter, eso también activará la alerta.
Caja de alerta
En cuanto a la alerta. Eso es controlado por el navegador. Sin embargo hay muchos frameworks de alertas para probar – ¡feliz codificación! 14 de mayo de 2022, 3:22 AMChris Coder+ 1Sanjay Kamath Lo sabía hermano. Esta pregunta ya ha sido respondida por [user id=”2040745″]Chris Coder[/user]14 May 2022, 12:00 PMFaizal Zahid+ 1Faizal Zahid por favor toma nota.15th May 2022, 1:52 AMSanjay Kamath 0Ponlo en una etiqueta de script en tu documento HTML.14th May 2022, 2:04 AMChris Coder 0¡Gracias por este sitio! Me trae recuerdos de cuando los sitios web eran creativos y no dependían de los mismos temas y frameworks.14th May 2022, 2:13 AMChris Coder 0La falta de conexión es un error. Prueba a reiniciar la aplicación.
¿Puedes enlazarme tu sitio para que pueda ver qué está fallando en el código fuente?14 May 2022, 2:27 AMChris Coder 0Si quito el atributo src de la etiqueta script14 May 2022, 2:34 AMChris Coder 0Si quito el atributo src, ¿no funcionarán entonces todas las funciones de mi archivo JS para otras cosas? 14 th May 2022, 2:35 AMFaizal Zahid 0Por cierto, he probado tu manera, sigue sin funcionar14th May 2022, 2:41 AMFaizal Zahid 0El primer script es correcto que se conecta a un archivo .js en el directorio raíz, como dijiste, la URL relativa.
Confirmar Javascript
El icono de la ventana emergente. SweetAlert2 viene con 5 iconos incorporados que mostrarán una animación correspondiente: advertencia, error, éxito, información y pregunta. Se puede poner en el array bajo la clave “icon” o pasar como tercer parámetro de la función.
Si se establece en false, el usuario no puede descartar la ventana emergente haciendo clic fuera de ella.También puede pasar una función personalizada que devuelva un valor booleano, por ejemplo, si desea desactivar los clics externos para el estado de carga de una ventana emergente.
Si se establece en false, el usuario no puede descartar la ventana emergente pulsando la tecla Esc. También puede pasar una función personalizada que devuelva un valor booleano, por ejemplo, si desea desactivar la tecla Esc para el estado de carga de una ventana emergente.
Si el parámetro de entrada se establece como “select” o “radio”, puede proporcionar opciones. Puede ser un Mapa o un objeto plano, con claves que representan los valores de la opción y valores que representan el texto de la opción. También puede proporcionar un objeto plano o Map como valores que representarán un grupo de opciones, siendo la etiqueta de este <optgroup> la clave. Por último, también puedes proporcionar una Promise que se resuelva con uno de esos tipos.
Ejemplo de alerta
Una alerta es un mensaje para el usuario que requiere atención inmediata. Un cuadro de alerta suele mostrar algún tipo de advertencia, por lo que intencionadamente no es adecuado para mostrar hipervínculos en los que se pueda hacer clic. Otro tipo de cuadro de diálogo puede ser utilizado para mostrar hipervínculos.
El método window.confirm() toma como parámetro un mensaje de cadena que debe mostrarse en el cuadro de diálogo de confirmación. Devuelve un valor booleano en función de la opción seleccionada por el usuario. Este valor de retorno puede ser utilizado en una sentencia condicional para realizar una acción.
Usamos selectores en jQuery para manipular diferentes elementos HTML usando clase, id, etc. Los selectores son parte del framework de jQuery que facilitan la navegación así como la manipulación de documentos HTML. Observe que estos selectores son similares a los selectores CSS.
donde el selector puede ser una clase, un id o una etiqueta. Esta línea crea un cuadro de diálogo en jQuery utilizando el selector proporcionado. La API de diálogos de jQuery proporciona muchas funcionalidades diferentes como el título, los botones, la anchura, la altura, etc.