javascript function not executing on page load while attempting to get user current address and returning it in text box

Question

this is my code to get latitude and longitude and return my address... code for getting latitude and longitude and returning address is using Google map Geo-location and reverse Geo-coding which works fine.. I have a problem in matching up java script.. my code is..

<p onload="location()">                      
   <script src="jquery.min.js"></script>
    <script type="text/javascript">         
       function location(){
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(c);
                return false;
            } else {
                alert("Geo Location is not supported on your current browser!");
            }
        }
        var c = function (pos) {
            var latitude = pos.coords.latitude;
            var longitude = pos.coords.longitude;

            Convert_LatLng_To_Address(latitude, longitude, AlertAddress);
            function AlertAddress() {
                alert("Current address is " + address["formatted_address"] + " lat: " + latitude + " longitude: " + longitude);  
                document.getElementById('txtLocationDetail').innerText = address["formatted_address"];
            }
        }            
        var address = new Array();
        function Convert_LatLng_To_Address(lat, lng, callback) {
            var url = "http://maps.googleapis.com/maps/api/geocode/json?latlng=" + lat + "," + lng + "&sensor=false";
            jQuery.getJSON(url, function (json) {
                Create_Address(json, callback);
            });
        }
        function Create_Address(json, callback) {
            if (!check_status(json)) // If the json file's status is not ok, then return
                return 0;
            address['country'] = google_getCountry(json);
            address['province'] = google_getProvince(json);
            address['city'] = google_getCity(json);
            address['street'] = google_getStreet(json);
            address['postal_code'] = google_getPostalCode(json);
            address['country_code'] = google_getCountryCode(json);
            address['formatted_address'] = google_getAddress(json);
            callback();
        }
        function check_status(json) {
            if (json["status"] == "OK") return true;
            return false;
        }
        function google_getCountry(json) {
            return Find_Long_Name_Given_Type("country", json["results"][0]["address_components"], false);
        }
        function google_getProvince(json) {
            return Find_Long_Name_Given_Type("administrative_area_level_1", json["results"][0]["address_components"], true);
        }
        function google_getCity(json) {
            return Find_Long_Name_Given_Type("locality", json["results"][0]["address_components"], false);
        }
        function google_getStreet(json) {
            return Find_Long_Name_Given_Type("street_number", json["results"][0]["address_components"], false) + ' ' + Find_Long_Name_Given_Type("route", json["results"][0]["address_components"], false);
        }
        function google_getPostalCode(json) {
            return Find_Long_Name_Given_Type("postal_code", json["results"][0]["address_components"], false);
        }
        function google_getCountryCode(json) {
            return Find_Long_Name_Given_Type("country", json["results"][0]["address_components"], true);
        }
        function google_getAddress(json) {
            return json["results"][0]["formatted_address"];
        }

        function Find_Long_Name_Given_Type(t, a, short_name) {
            var key;
            for (key in a) {
                if ((a[key]["types"]).indexOf(t) != -1) {
                    if (short_name)
                        return a[key]["short_name"];
                    return a[key]["long_name"];
                }
            }
        }
    </script>        
    <asp:TextBox ID="txtLocationDetail" runat="server"></asp:TextBox>
</p>

what i wanted is as page loads, the JavaScript function is executed to return my current address and address returned is to be shown in text box.. however, on as page loads java script function is not called.. i had tried this code in server side but none worked..

protected void Page_Load(object sender, EventArgs e) { ClientScript.RegisterStartupScript(this.GetType(), ClientID, "location();", true); }

any help!!!! thanks in advance

borkovski borkovski · Accepted Answer · 2014-04-08T07:33:23

<p> does not support onload. w3schools

Take a look at this: forums.asp.net. What you should do is add 'onload' attribute to <body> in PageLoad(), like this:

protected void Page_Load(object sender, EventArgs e)
{
HtmlGenericControl body = this.Master.FindControl("body") as HtmlGenericControl;
body.Attributes.Add("onLoad", "alert('Hello');");
}

and ensure that <body> has an id (in master page):

<body id="body" runat="server">

javascript function not executing on page load while attempting to get user current address and returning it in text box

1 Answers