Home/ Questions/Q 8857333
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T14:33:50+00:00

I’ve got this location script: <html> <html xmlns=http://www.w3.org/1999/xhtml> <head> </head> <body> <p id=demo>&nbsp;</p> <script>

  • 0

I’ve got this location script:

<html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body>
 <p id="demo">&nbsp;</p>
<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
   x.innerHTML="Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;    
  }

window.onload = getLocation();

</script>
</body>
</html>

and it works perfect but what I want to do is to display the coordinaes in my body one more time without copy the same script. I just want something like php code echo $coords for example?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Stop using x as a global. Make it an argument of getLocation() (and give it a more intention revealing name).

    showPosition only gets called from getLocation, define it inside getLocation, then it can use the same variable.

    function getLocation(target_element) {

    function showPosition(position) {
        target_element.innerHTML = "Latitude: " + position.coords.latitude +
            "<br>Longitude: " + position.coords.longitude;
    }

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        target_element.innerHTML = "Geolocation is not supported by this browser.";
    }
}

getLocation(document.getElementById("demo"));
getLocation(document.getElementById("some_other_element"));
    • 0