Get Latitude/Longitude Button To Fill Input Boxes
I have two text boxes that I want users to fill with geolocation data (latitude and longitude). I want to have a button, so when users click it, the text boxes are filled instantly
Solution 1:
You are not really saying what the problem is, but as far as I know innerHTML only works in FF and not IE. Try:
function showPosition(position) {
x.value=position.coords.latitude;
y.value=position.coords.longitude;
}
Working example as requested in the comments
<!DOCTYPE html>
<html>
<body>
<form>
Latitude: <input id="demo" type="text" name="Latitude" /> <br />
Longitude: <input id="demo2" type="text" name="Longitude" />
</form>
<button onclick="getLocation()">Get Location</button><input type="submit" value="Submit" />
<p>Click the button to get your coordinates:</p>
<p id="demo2">Click the button to get your coordinates:</p>
<script>
var x=document.getElementById("demo");
var y=document.getElementById("demo2");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.value=position.coords.latitude;
y.value=position.coords.longitude;
}
</script>
</body>
</html>
Post a Comment for "Get Latitude/Longitude Button To Fill Input Boxes"