Skip to main content
se eliminaron 22 caracteres en el cuerpo
Origen Enlace

A ver como explico esto, estoy tratando de que cuando un usuario pulse un boton le pregunte si desea guardar la localización o no, al pulsar el boton de permitir debería realizar lo que contiene dentro del boton, pero si por el contrario pulsamos a bloquear mostrará un mensaje hasta que usuario decida aceptar la geolocalización.(se realiza todo con el mismo boton es decir al pulsarlo si no hay permiso pregunta, y si ya se ha concedido o denegado muestra el contenido de permitir o de bloquear)

$("#button").click(function (e) {
    e.preventDefault();
    var main=document.querySelector("main");
    navigator.geolocation.getCurrentPosition(pos=>{
        main.textContent=`Latitud: ${pos.coords.latitude},` +
        `Longitud: ${pos.coords.longitude}`
      });
if (localizacion == true){
  let $mensaje = $("<p>a aceptado la localización</p>");
    function Carga(t) {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve($("body").append("fetchs, funciones y otras cosas");
        }, t);
      });
    }
    async function mensajesAsyncesperar(tiempot) {
      $("body").append($mensaje);
      await Carga(tiempot);
    }
    mensajesAsyncesperar(5000);
} else {
    $("body").append("Debe aceptar la geolocalización");
  }
  });
<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  </head>
  <body>
  <button id="button">Notificaciones</button>
  </body>
</html>

He insertado en un snippet el codigo pero supongo que no está soportada la geolocalización por si no funciona.

A ver como explico esto, estoy tratando de que cuando un usuario pulse un boton le pregunte si desea guardar la localización o no, al pulsar el boton de permitir debería realizar lo que contiene dentro del boton, pero si por el contrario pulsamos a bloquear mostrará un mensaje hasta que usuario decida aceptar la geolocalización.(se realiza todo con el mismo boton es decir al pulsarlo si no hay permiso pregunta, y si ya se ha concedido o denegado muestra el contenido de permitir o de bloquear)

$("#button").click(function (e) {
    e.preventDefault();
    var main=document.querySelector("main");
    navigator.geolocation.getCurrentPosition(pos=>{
        main.textContent=`Latitud: ${pos.coords.latitude},` +
        `Longitud: ${pos.coords.longitude}`
      });
if (localizacion == true){
  let $mensaje = $("<p>a aceptado la localización</p>");
    function Carga(t) {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve($("body").append("fetchs, funciones y otras cosas");
        }, t);
      });
    }
    async function mensajesAsync(tiempo) {
      $("body").append($mensaje);
      await Carga(tiempo);
    }
    mensajesAsync(5000);
} else {
    $("body").append("Debe aceptar la geolocalización");
  }
  });
<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  </head>
  <body>
  <button id="button">Notificaciones</button>
  </body>
</html>

He insertado en un snippet el codigo pero supongo que no está soportada la geolocalización por si no funciona.

A ver como explico esto, estoy tratando de que cuando un usuario pulse un boton le pregunte si desea guardar la localización o no, al pulsar el boton de permitir debería realizar lo que contiene dentro del boton, pero si por el contrario pulsamos a bloquear mostrará un mensaje hasta que usuario decida aceptar la geolocalización.(se realiza todo con el mismo boton es decir al pulsarlo si no hay permiso pregunta, y si ya se ha concedido o denegado muestra el contenido de permitir o de bloquear)

$("#button").click(function (e) {
    e.preventDefault();
    var main=document.querySelector("main");
    navigator.geolocation.getCurrentPosition(pos=>{
        main.textContent=`Latitud: ${pos.coords.latitude},` +
        `Longitud: ${pos.coords.longitude}`
      });
if (localizacion == true){
  let $mensaje = $("<p>a aceptado la localización</p>");
    function Carga(t) {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve($("body").append("fetchs, funciones y otras cosas");
        }, t);
      });
    }
    async function esperar(t) {
      $("body").append($mensaje);
      await Carga(t);
    }
    esperar(5000);
} else {
    $("body").append("Debe aceptar la geolocalización");
  }
  });
<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  </head>
  <body>
  <button id="button">Notificaciones</button>
  </body>
</html>

He insertado en un snippet el codigo pero supongo que no está soportada la geolocalización por si no funciona.

Origen Enlace

permitir y ver contenido o ver mensaje al bloquear la localización del usuario al pulsar un boton

A ver como explico esto, estoy tratando de que cuando un usuario pulse un boton le pregunte si desea guardar la localización o no, al pulsar el boton de permitir debería realizar lo que contiene dentro del boton, pero si por el contrario pulsamos a bloquear mostrará un mensaje hasta que usuario decida aceptar la geolocalización.(se realiza todo con el mismo boton es decir al pulsarlo si no hay permiso pregunta, y si ya se ha concedido o denegado muestra el contenido de permitir o de bloquear)

$("#button").click(function (e) {
    e.preventDefault();
    var main=document.querySelector("main");
    navigator.geolocation.getCurrentPosition(pos=>{
        main.textContent=`Latitud: ${pos.coords.latitude},` +
        `Longitud: ${pos.coords.longitude}`
      });
if (localizacion == true){
  let $mensaje = $("<p>a aceptado la localización</p>");
    function Carga(t) {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve($("body").append("fetchs, funciones y otras cosas");
        }, t);
      });
    }
    async function mensajesAsync(tiempo) {
      $("body").append($mensaje);
      await Carga(tiempo);
    }
    mensajesAsync(5000);
} else {
    $("body").append("Debe aceptar la geolocalización");
  }
  });
<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  </head>
  <body>
  <button id="button">Notificaciones</button>
  </body>
</html>

He insertado en un snippet el codigo pero supongo que no está soportada la geolocalización por si no funciona.