Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2014
    Thanked 0 Times in 0 Posts

    Help needed for populating the html5 geolocation value in the text box in a form

    Hi ,

    I would be helpful if you can guide me with my code below is my code and I wish to populate my value of the text box with the value i get from my geolocation of the device which I obtain from the javascript below so that i can use for various purpose for searching or may be for filling the form with the current geolocation values.

    i am able to get the location when i press the button but i am unable to populate textboxes below with the values i get by using my browser.

    I would be thankful if anyone can help me with the correction of my codes


    <!DOCTYPE html>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">
    var map = null;
    function showlocation() {
    // One-shot position request.

    function callback(position) {

    var lat = position.coords.latitude;
    var lon = position.coords.longitude;

    document.getElementById('latitude').innerHTML = lat;
    document.getElementById('longitude').innerHTML = lon;

    document.getElementById('latitude').value = lat;
    document.getElementById('latitude').value = lon;

    document.getelementById('latitude1').value = document.getelementByID('latitude').value;

    <input type="button" value="Show my location"
    onclick="javascript:showlocation()" /> <br/>

    Latitude: <span id="latitude"></span> <br/>
    Longitude: <span id="longitude"></span>

    <input type="text" id='latitude1' name = latitude1 value = " VALUE OF GETELEMENTBYID LATITUDE AND SHOULD GET DISPLAYED HERE IN TEXT BOX">
    <input type="text" id='longitude1' name = latitude1 value = "VALUE OF GETELEMENTBYID LONGITUDE AND SHOULD GET DISPLAYED HERE IN TEXT BOX">

  2. #2
    Master Coder sunfighter's Avatar
    Join Date
    Jan 2011
    Thanked 1,013 Times in 1,010 Posts
    I don't know what your trying to do. BUT these are the errors in one function

    function callback(position) {
    var lat = '2'; //position.coords.latitude; Where do you think you are getting these from?
    var lon = '2'; //position.coords.longitude; See above
    document.getElementById('latitude').innerHTML = lat; span use .innerHTML not .value
    document.getElementById('longitude').innerHTML = lon; See above
    //document.getElementById('latitude1').value = lat; This line is so much easier then the one below
    document.getElementById('latitude1').value = document.getElementById('latitude').innerHTML; JS is case sensitive so getelementByID is wrong
    Evolution - The non-random survival of random variants.
    Physics is actually atoms trying to understand themselves.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts