Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    1
    Thanks
    0
    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>
    <html>
    <head>
    <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.
    navigator.geolocation.getCurrentPosition(callback);
    }

    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;

    }
    </script>
    </head>
    <body>
    <center>
    <input type="button" value="Show my location"
    onclick="javascript:showlocation()" /> <br/>
    </center>

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

    <form>
    <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">
    </form>
    </body>
    </html>

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,307
    Thanks
    23
    Thanked 612 Times in 611 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.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


  •  

    Posting Permissions

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