• 締切済み

javascriptでphpに値を渡す

javascriptの値をPHPに渡す、若しくはjavascriptでリダイレクト <script type="text/javascript"> if (navigator.geolocation) { // 現在の位置情報を取得 navigator.geolocation.getCurrentPosition( // (1)位置情報の取得に成功した場合 function (pos) { var location = pos.coords.latitude +","; location += pos.coords.longitude ; document.getElementById("location").innerHTML = location; }, // (2)位置情報の取得に失敗した場合 function (error) { var message = ""; switch (error.code) { // 位置情報が取得できない場合 case error.POSITION_UNAVAILABLE: message = "位置情報の取得ができませんでした。"; break; // Geolocationの使用が許可されない場合 case error.PERMISSION_DENIED: message = "位置情報取得の使用許可がされませんでした。"; break; // タイムアウトした場合 case error.PERMISSION_DENIED_TIMEOUT: message = "位置情報取得中にタイムアウトしました。"; break; } window.alert(message); } ); } else { window.alert("本ブラウザではGeolocationが使えません"); } </script> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 上記のコードで緯度経度を取得しています。この緯度経度が3333333(var location部) だとしたらhtt//hogehoge.com/3333333へリダイレクトさせたいです。 のでvar location部をphpに渡してリダイレクトさせるか、若しくはjavascriptで上記URLにリダイレクトさせる必要があります。 何か良い方法はないでしょうか?当方お手上げ状態です。

みんなの回答

回答No.1

window.location.href = URL;

関連するQ&A

  • jsの変数をpostしたい

    <script type="text/javascript"> if (navigator.geolocation) { // 現在の位置情報を取得 navigator.geolocation.getCurrentPosition( // (1)位置情報の取得に成功した場合 function (pos) { var location = pos.coords.latitude +","; location += pos.coords.longitude ; document.getElementById("location").innerHTML = location; }, // (2)位置情報の取得に失敗した場合 function (error) { var message = ""; switch (error.code) { // 位置情報が取得できない場合 case error.POSITION_UNAVAILABLE: message = "位置情報の取得ができませんでした。"; break; // Geolocationの使用が許可されない場合 case error.PERMISSION_DENIED: message = "位置情報取得の使用許可がされませんでした。"; break; // タイムアウトした場合 case error.PERMISSION_DENIED_TIMEOUT: message = "位置情報取得中にタイムアウトしました。"; break; } window.alert(message); } ); } else { window.alert("本ブラウザではGeolocationが使えません"); } </script> この値の function (pos) { var location = pos.coords.latitude +","; location += pos.coords.longitude ; document.getElementById("location").innerHTML = location; }, この部分の値をhtmlのフォームでPOST送信するにはどうしたらいいでしょうか?? 通

  • 緯度経度から住所

    <script type="text/javascript"> if (navigator.geolocation) { // 現在の位置情報を取得 navigator.geolocation.getCurrentPosition( // (1)位置情報の取得に成功した場合 function (pos) { var location ="<li>"+"緯度:" + pos.coords.latitude + "</li>"; var location2 = "<li>"+"経度:" + pos.coords.longitude + "</li>"; document.getElementById("location").innerHTML = location; document.getElementById("location2").innerHTML = location2; }, // (2)位置情報の取得に失敗した場合 function (error) { var message = ""; switch (error.code) { // 位置情報が取得できない場合 case error.POSITION_UNAVAILABLE: message = "位置情報の取得ができませんでした。"; break; // Geolocationの使用が許可されない場合 case error.PERMISSION_DENIED: message = "位置情報取得の使用許可がされませんでした。"; break; // タイムアウトした場合 case error.PERMISSION_DENIED_TIMEOUT: message = "位置情報取得中にタイムアウトしました。"; break; } window.alert(message); } ); } else { window.alert("本ブラウザではGeolocationが使えません"); } </script> <ul id="location"> </ul> <ul id="location2"> </ul> これで緯度経度は取得できるのですが、この緯度経度の情報から住所取得する方法(コード)おしえていただけないでしょうか。 あと、 <ul id="location"> </ul> <ul id="location2"> </ul> これで出力すると黒丸がつくのですが、消す方法ないでしょうか^^;

  • JSでフォーム送信

    <script type="text/javascript"> if (navigator.geolocation) { // 現在の位置情報を取得 navigator.geolocation.getCurrentPosition( // (1)位置情報の取得に成功した場合 function (pos) { var location = pos.coords.latitude +","; location += pos.coords.longitude ; document.getElementById("location").innerHTML = location; } ); } </script> これで得られる値をフォームでPOST送信してPHPに渡す方法、分かりやすく教えて頂けないでしょうか。。

  • javascriptで困っています。

    以下のような、現在地を取得するhtmlコンテンツを作ったのですが、スマホによってきちんと取得できたり、Failed to start Geolocation serviceというメッセージが出たりします。いずれの場合もGPSはオンにしています。メッセージが出るのはブラウザーの影響とか何かあるのでしょうか?ブラウザーがサポートしていない場合はLocation APIがサポートされていません。と表示するようにしているのですが、Failed to start Geolocation serviceが出る原因が分かりません。ご存知の方がいらっしゃいましたら、教えてください。よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>現在地取得</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <style> #map { width: 480px; height: 640px; border: solid 1px #ccc; } </style> </head> <body> <h1>Location API サンプル</h1> <div id="map"></div> <div id="message"></div> <script> window.onload =function() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var options = { zoom: 15, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map'), options); var marker = new google.maps.Marker({ position: latlng, map: map, title: '現在地' }); }, function(e) { document.getElementById('message').innerHTML = typeof e == 'string' ? e : e.message; }); } else { document.getElementById('message').innerHTML = 'Location APIがサポートされていません。'; } }; </script> </body> </html>

  • 現在位置を取得するjavascript

    <script type="text/javascript" src="http://gear5.googlecode.com/files/gear5-0.3.js"></script> <script type="text/javascript"> var setlat ; var a ; if (navigator.geolocation == undefined){ // Google Mapで利用する初期設定用の変数 setlat = -1; } //位置情報の取得 navigator.geolocation.getCurrentPosition( successCallback, errorCallback); //成功したとき function successCallback(position){ for (var prop in position.coords){ setlat = position.coords.latitude; } } //失敗したとき function errorCallback(err){ // Google Mapで利用する初期設定用の変数 setlat = -1; } a=setlat; </script> 上記現在位置を取得するjavascriptで function successCallback(position)の外でsetlatの値を 処理したいのですがfunction successCallback(position)の中で取得した値が function successCallback(position)の外で取得できません どうすれば取得できるのでしょうか。

    • ベストアンサー
    • AJAX
  • javascriptで困っています。教えてください

    読み込まれたら、watchPositionで位置情報を取得し続け、ボタンを押したタイミングでmap_draw関数を実行して、地図を表示させようと思っています。そのときseidoが5以下のときだけ地図を表示させたいので、seidoが5より大きいときは、map_draw関数をもう一度呼び出すループを考えました。しかし、watchPositionではきちんとseido = position.coords.accuracy;の値がとれており、5以下になっているのですが、map_draw関数のなかでseidoの変数をうまく取得できません。map_draw関数では最初の一回目だけ取得して、後は値が変わりません。ループの部分に問題があるのでしょうか?教えていただければと思い投稿しました。よろしくお願いします。 <html> <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=ja&v=3.6"></script> <script type="text/javascript" charset="utf-8"> var ido; var keido ; var seido ; var map; var btn; window.onload = function(){ btn = document.getElementById("btn"); btn.addEventListener('click', map_draw, false); navigator.geolocation.watchPosition(update,poserror,{maximumAge: 30000,enableHighAccuracy:1}); } function update(position){ ido = position.coords.latitude; keido = position.coords.longitude; seido = position.coords.accuracy;            var htmlTxt = "Lat." + ido + "Lng" + keido+ "Acc" + seido; htmlTxt += "<br>"+(new Date()); var pos = document.getElementById("pos"); pos.innerHTML = htmlTxt; } function poserror(position){ alert("error");         } function map_draw(){ if(seido>5){ map_draw(); }else{  var lat = ido;  var lng = keido;  var Latlng = new google.maps.LatLng( lat , lng ); var myOptions = {  zoom: 17,  center: Latlng,  mapTypeId: google.maps.MapTypeId.ROADMAP   }; map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); } } </script> </head> <body> <p id="pos">情報</p> <div id="map_canvas" style="width:480px; height:640px;">地図</div> <button id="btn">地図を描く</button> </body>

  • javascriptとcssでフォントサイズを切り替えたい

    javascriptとcssでフォントサイズを大中小で切り替えたいと思い、いろいろとサイトをまわりながら以下のようなものを作成しました。 しかし、どうもうまく動いてくれません。 ●●●●●javascript●●●●● function fontChange(str){ var targetFile; switch(str){ case "small": targetFile="../css/font_small.css"; break; case "medium": targetFile="../css/font_medium.css"; break; case "big": targetFile="../css/font_big.css"; break; default: alert("error"); break; } //フォント用CSSのファイル名をクッキーの値として保存 //フォント切り替え機能をサイト全体適用するためpathに/(ルート)を指定 document.cookie="fontstyle="+targetFile+";path=/;"; window.location.reload(); //ページをリロードして設定を反映。 } //以下はページが読み込まれる際必ず実行される処理 var name="fontstyle"; var cookie=document.cookie; //クッキーを取得 if(-1==cookie.indexOf(name)){ //クッキーがなければmediumを指定(デフォルト) var file='../css/font_medium.css'; }else{ var pos_s=cookie.indexOf(name)+name.length+1; //クッキーの値の開始位置 var pos_e=cookie.indexOf(";",pos_s); //クッキーの値の終了位置 if(-1==pos_e){ //末尾にセミコロンがあるか? var file=cookie.slice(pos_s); //無い }else{ var file=cookie.slice(pos_s,pos_e); //有る } } //クッキーの値に対応するCSSを読み込む。 document.write('<link rel="stylesheet" href="'+file+'" type="text/css" />'); ●●●●●css●●●●● 各種用意しました ●●●●●XHTML●●●●● <ul> <li onclick="fontChange('big')">大</li> <li onclick="fontChange('medium')">中</li> <li onclick="fontChange('small')">小</li> </ul> ちなみにこちらのサイトを参考にいたしました。 http://ks-product.com/arc/2007/01/0701082109.html また、XHTML内の<li onclick~>というのをCSSにして<li id="●●">にしたいと思っているのですが、その際CSSにはどのように記載すればよろしいのでしょうか? 長々と大変申し訳ありませんが、よろしくお願いいたします!

  • JavaScriptで取得した値について

    初めまして、Etizenと言います。 早速質問なのですが、JavaScriptで 例えば、 <SCRIPT LANGUAGE="JavaScript"> <!--  var QS = new Array;  if (location.search.length > 1)  {   var m_Array =    location.search.substr(1).split("&");    for (idx in m_Array)    { QS.push(m_Array[idx].split("="));    }  } //--> </SCRIPT> という、配列でデータを取得した場合にこれを、HTMLの <input type="text" name="STFCD" Value> のValueの中に仕込むことは可能でしょうか? よろしくお願い致します

  • googleマップの現在地取得について

    以下のようにして現在地の座標を取得しています。 パソコンで試すとGPS機能がなくても座標を取得しています。 但し、正しい現在地ではなく居住地域の役所の座標が取得されていました。 予想では、「fatal」が実行されるものかと・・・ スマホなどGPSが付いているものは正しい座標が取得されます。 GPSがついていない端末の場合、何を基準に座標を取得しているのでしょうか? var position_options = { enableHightAccuracy: true }; navigator.geolocation.watchPosition( success, fatal, position_options ); function success( position ) { $( '#lat' ).val( position.coords.latitude ); $( '#lng' ).val( position.coords.longitude ); } function fatal( error ) { alert( '位置情報の取得に失敗しました' ); }

  • URLから値(可変)を取得して値を引き渡す

    http://ample.com/goo?aaaa=12345 ?以降を取得して値を引き渡したいのですが location.searchで?以降を取得 取得した値を=で分割 formを使って情報を引き継ごうと思うのですがうまくいきません <script type="text/javascript" language="javascript"> <!-- var QS = new Array; if (location.search.length > 1) {  var m_Array = location.search.substr(1).split("&");  for (aaaax in m_Array) {   QS.push(m_Array[aaaax].split("="));  } } //--> <form action="form.cgi" method="post" name="FROM1" > <input type="hidden" name="aaaa" value=""> <script> <!-- document.forms["FROM1"].aaaa.value = location.search.substr(6,30); //--> </SCRIPT> </FORM>