xost, publicación de artículos gratis, participación ciudadana, notas de prensa
  Usuario: Clave:    
 
 
Documento sin título
 
Documento sin título
 
Documento sin título
Home
Xnechijli01 10/23/2019 10:35:04 PM
Xnechijli01
Confirmación para abandonar sitio web con javascript
Ventana emergente de salida de sitio
votos 0 comentarios 0 enviar vínculo a un amigo
Tags JavaScript
 
Ventana emergente confirmación de abandono de sitio web
 

En esta serie de notas que estamos hablando de cómo emitir una ventana emergente que nos avise que estamos a punto de cerrar la pestaña de navegador. Esto es parte de nuestro curso de javascript y puedes leer la nota anterior para comprender mejor el tema. Ahora continuamos con este tema 

Solo necesitamos asignar una función al atributo window.onbeforeunload y esa función debe devolver algo. Eso le indicará al navegador que debe mostrar una ventana emergente que le pregunta al usuario si desea abandonar la página. Sin embargo, el resultado será distinto dependiendo el navegador. Nos mostrará un mensaje como el siguiente. 

Firefox solo te preguntará "Esta página le pide que confirme que desea irse; es posible que los datos que ha ingresado no se guarden."

Chrome será más específico "Confirmar recarga" + "¿Está seguro de que desea volver a cargar esta página?" o "Confirmar navegación" + "¿Está seguro de que desea abandonar esta página?" Incluso incluirá el texto que devolvimos de la función.

Safari te preguntará "¿Estás seguro de que quieres salir de esta página?" e incluirá nuestro texto.

Opera sencillamente ignora totalmente el código. Probablemente sí funcionaría si el código JavaScript estuviera en un archivo separado, pero no lo he probado. 

Por otro lado, si la función no llama a return y simplemente se cae al final de la función, o si llama a return sin devolver ningún valor, el navegador no preguntará nada y solo hará lo que le indiquemos. (Recarga la cargar la página, navega, etc.)

Esto nos permite escribir un código condicional que solo mostrará la ventana emergente de si hay datos que deben guardarse.

window.onbeforeunload = function() {
   if (data_needs_saving()) {
       return "Do you really want to leave our brilliant application?";
   } else {
      return;
   }
};

 Estas son las dos opciones para crear la ventana emergente que evita que el navegador se cierra por accidente. Más adelante incluiremos otros códigos de temas interesantes. Por el momento visita estos enlaces de cursos presenciales. 

 Curso de Excel 
 Renta de aulas 
 

Te gustó esta nota, compártela con tus amigos
ico_copada.gif ico_delicious.png ico_enchilame.gif ico_facebook.png ico_fresqui.gif ico_google.gif ico_meneame.gif ico_myspace.gif ico_technorati.png ico_twitter.gif ico_yahoo.png
Visitá otras notas de Xnechijli01
Cómo evitar que Android detenga una aplicación
El hilo principal en Android
Kotlin Coroutines para principiantes
Inicio de codificación con kotlin
Curso intensivo de kotlin
El scriping en Kotlin
 
Comentarios 0  
Enviá tu comentario
Para dejar tu comentario debes ser miembro de xost.
 
Documento sin título
 
Documento sin título
PARTICIPANTES
8 A B C D E F G H I J K L M N O P Q R S T U V W X Y
 
Documento sin título
 
 
 
 
Documento sin título
 
Nos contaron qué leen
Qué lees
+ comentarios
Documento sin título
 
Documento sin título
ULTIMOS PUBLICADOS Internet
Confirmación para abandonar sitio web con javascript
Xnechijli01
Ventana emergente confirmación de abandono de sitio web
 
10/23/2019 10:35:04 PM
 
Mostrar elementos en html
Xnechijli01
Javascript para mostrar elementos
 
10/16/2019 12:32:38 PM
 
Ocultar elementos en html
Xnechijli01
Cómo ocultar y Mostrar elementos usando javascript en html
 
10/16/2019 12:30:13 PM
 
Los blogs de Internet
Xnechijli01
El uso de los blogs en la sociedad actual
 
8/26/2019 8:53:55 PM
 
Que es un avatar en Internet
Xnechijli01
Los avatares dentro de la web actual
 
8/26/2019 8:46:15 PM
 
Las características de HTML5
Xnechijli01
Estás son algunas de las características propias de HTML5
 
8/21/2019 6:28:48 PM
 
Multidifusión en la web
Xnechijli01
Qué es y cómo funciona la multidifusión en la web
 
8/20/2019 8:46:00 PM
 
Implementa el hacking etico en tu corporacion y evita pedidas de informacion
aaragones
Rompiendo las barreras de lo imposible
 
5/19/2018 6:20:53 AM
 
Arquitectos técnicos Madrid, profesionalidad y dedicación
redaccion2pe
Los arquitectos técnicos Madrid pondrán en marcha sus capacidades para resolver el problema y de esta forma entregar una estructura perfecta e impecable.
 
2/9/2017 6:47:31 AM
 
Curso Prestashop: Expande tus posibilidades en el mercado online
redaccion2pe
Es un hecho que la tecnología está para usarla. Hoy en día casi todo se resuelve vía Internet, por esta razón, para cualquier persona que desee iniciar un negocio es preciso que se asegure de estar lo
 
1/26/2017 5:05:20 AM
 
+ publicaciones
Documento sin título
 
Documento sin título
 
Documento sin título
 
 
Documento sin título
 
 
 
Documento sin título
 
Publicar es gratis, sólo tienes que registrarte y escribir.