Script tag in head tag

Question

0.00/5 (No votes)

See more:

Hi,

I am trying out the geolocation feature of html5. Here is my code:

XML

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
        var lat = document.getElementById("latitude");
        var lon = document.getElementById("latitude");

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

        function showPosition(position)
        {
            lat.value = position.coords.latitude;

            lon.value = position.coords.longitude;
        }

    </script>

</head>
<body>
    <form>
        <button id="GetGeoLocation" onclick="getLocation()">Get Geo Location</button><br/>
        Latitude: <label id="latitude" /> <br/>
        Longitude: <label id="longitude" />
    </form>
</body>
</html>

On clicking the button the code does not reach the javascript.

Thanks
-
Sameer

Posted 2-Sep-13 22:16pm

sameerkulkarni777

Add a Solution

Comments

max_nowak 3-Sep-13 4:31am

Have a look in the javascript console of your browser because your javascript probably produced an error

sameerkulkarni777 3-Sep-13 7:11am

It is chrome Version 29.0.1547.62 m. This supports HTML 5.

And I did check the javascript console. It has no errors.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Bala Selvanayagam · Answer 1 · 2013-09-02T22:32:00

Solution 1

I just did a test on your code and the java
script files is getting called

C#

function getLocation() {
    alert("GetLocaiton Function called");

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

if your else part, you have x.innerHTML but there is no element called 'x' in your code ?

Posted 2-Sep-13 22:32pm

Bala Selvanayagam

Comments

sameerkulkarni777 3-Sep-13 4:55am

Thanks Bala,

I rectified that part of var x. But anyways since the code never enters the else section, we never encounter this line.

Even after the change, the code does not work.

Thanks
-
Sameer

Bala Selvanayagam 3-Sep-13 5:35am

SamKulk

I have put an alert inside the getLocation function and when I click on the button the alert pops up and the else part is executed for me.

Not sure whether this is a browser specific issue and what browser you are using ? did you try different browsers ? please let me know

sameerkulkarni777 3-Sep-13 7:14am

Hi Bala,

It is chrome Version 29.0.1547.62 m