-1

Web ページで Geolocation の実験を始めたところです。

W3Schools ( http://www.w3schools.com/html/html5_geolocation.asp ) で役立つコード スニペットを見つけました。

私が少し困惑しているのは、ブロック (タグを除く) を別の .js ファイルに入れ、私のページの js ファイルを呼び出すと、コードがまったく機能しないことです。どうしてこれなの？

どのページからでも参照できる独自の .js ファイルに最終的な作業コードを入れたいと思います。

js ファイルは、htm/php ファイルと同じフォルダーにあります。

スクリプトをページの本文に戻すとすぐに機能します。誰かがこの原因を理解するのを手伝ってくれませんか? （違いがある場合は、Firefox 20を使用しています

index.php

<!DOCTYPE html>
    <html>
    <head>
    <script type="application/javascript" src="geo.js"></script>

    <title>
        TEST 3: GeoLocation
    </title>
    </head>
    <body>
    <p id="demo">Click the button to get your coordinates:</p>
    <button onclick="getLocation()">Try It</button>
    </body>
</html>

geo.js

var x=document.getElementById("demo");

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

function showPosition(position){
x.innerHTML="Latitude: " + position.coords.latitude + 
"<br />Longitude: " + position.coords.longitude;    
}
4

2 に答える 2