AJAX

Googleマップの複数マーカーでマーカーをクリックしたとき、 吹き出し(infowindow)内に、決められた時間からあと何時間何分何秒と カウントダウンを表示するにはajaxを使用してどうスクリプトを組めばいいのでしょうか。

質問◆JQueryおよびJQueryMobileは「AJAX」とは無関係なのでしょうか？ 「JQueryMobileを使っているとき、DOMによってHTMLを動的に差し替えている」という認識なのですが、 特にRequest関連の記載をJavaScriptで記載していない限り、AJAXの処理は行われないのでしょうか？ それとも、 JQuery Mobileを使っている場合は、ページ遷移などで、プログラマが意識していなくても（独自にプログラムを書いていなくても） AJAXの処理が行われているのでしょうか？ /************************************/ サーバへのリクエストはなくても、１つのマシン内の、HTMLファイルとHTMLファイルの間で、 HTTPで通信がされるということはないと思っています。 （※基本、HTTPはクライアントとサーバの間のときしか使われないのですよね？） JQueryの技術情報のサイトを見ていると、 よく「document.ready」と書かれていたりするソースを見かけますが、 これはAjaxとは関係なく（通信とは関係なく）、 また「xhr.send」も書かれていないHTMLは、AJAXは使われないという理解です。 （「Form、submit」とも関係がない） XMLHttpRequestも「HttpRequest」とあるわけですし、 「Form、submit」を書いているときに行われるわけではないけれども、かわりに、 「xhr.send」とJavaScriptで実行されたタイミングで走る処理であり、 その際、「サーバから返される情報がXMLのデータ形式で(XML以外もですが、、)」だという理解なのですが、合っていますでしょうか？

googleと本で調べたのですが、今いちわからないため質問させてください。 (1)教科書から、Ajaxは、XMLをJavascriptでやり取りしている非同期通信という定義なのはわかりましたが、結局、AJAXを使うということは、HTMLに、<Script>のタグで、JQueryなどのパスを書くということなのでしょうか？ AJAXは概念的なものであって、プログラムやモジュールそのものではないと捉えています。 (2)Ajaxによる非同期通信は、何をきっかけとして通信が始まるのでしょうか？ 通常は、FORMがSUBMITされたときに、サーバにリクエストがいくという認識ですが そもそも、Ajaxは、何をイベントとしてハンドルしているのでしょうか？（何をきっかけに処理が始まっているのでしょうか？） HTMLに、<Script>のタグで、JQueryのパスを書くと、ハンドルする機能が使用されるのでしょうか？ Ajaxでも「リクエスト」は行われているけれども、処理結果として戻されるものがXML形式であるだけだという理解で良いのでしょうか？

◆htmlの読み込みについて A.htmlのonloadイベントで、 B.htmlを読み込んで、表示しています。(あらかじめ用意しておいた div に読んだhtmlをセットしています) ◆困っていること A.htmlを開いたときはB.htmlの内容が表示できているのですが、 どこか他の画面から画面遷移して、A.htmlを開くと、B.htmlの部分がうまく表示されません。 ◆質問 何が起因している可能性があるでしょうか？ またその解決法はあるでしょうか？ 宜しくお願いします。

今まで動いていたJavascriptが、JQUERY Mobileを使用した途端にエラーになってしまいました。 どんなことが考えられるでしょうか？ どのようにして調査すればよいでしょうか？

テキストボックスに文字を入力中に情報を検索し、同一ページに非同期で検索結果を表示する ページを作っています。 ページ自体はPHPで、javascript で XmlHttpRequestを使い、データ検索用のPHPに情報を送り 検索用のページで結果を整形するprint文を作り、xmlhttp.responseText　で結果を表示しています。 この検索結果をページングしようと思い、 jquery.pagination.js　を利用しようと思っております。 http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_pagenation　　(このサイトの下側の物です) 実装してみたところ、なかなか良いところまで行ったのですが、ページを表示した最初の時に、 一件目の結果が反映されません。 ページングで次を押せば二件目が表示され、前のページを押せば一件目の表示がされているので、 結果は取得できているようですが、それぞれの処理のタイミングで、ページロード時に一件目のデータが取得できていないと思っていますが、解決方法が分かりません。 ソースの一部しか載せられませんが、解決方法がお分かりでしたら教えてください。 <!-- 検索のスクリプト --> <script type= "text/javascript"> function createXmlHttpRequest() { if (window.XMLHttpRequest) { return new XMLHttpRequest(); } else { return null ; } } var xmlhttp = null; var baseTime = new Date(); var c = 0; function query(flg) { var sword = document.getElementById('sword' ).value; var keyword = encodeURI(sword); var elapsed = parseInt((new Date()).getTime() - baseTime.getTime()); baseTime = new Date(); if (elapsed < 200) { return; } if (!xmlhttp) xmlhttp = createXmlHttpRequest(); if (!xmlhttp || xmlhttp.readyState == 1 || xmlhttp.readyState == 2 || xmlhttp.readyState == 3) { return; } if (keyword_save != keyword) { xmlhttp.open( "GET", "search-ajax.php?sword=" + keyword, true); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById( "hiddenresult").innerHTML = xmlhttp.responseText; } } xmlhttp.send( null) keyword_save = keyword; } } window.onload = function() { var sword = document.getElementById("sword" ); if (sword.addEventListener) { sword.addEventListener( "keyup", query, false ) } else { sword.attachEvent( "onkeyup", query); } setInterval( "query('1')", 300); } </script> <!-- ページングのスクリプト --> <script type="text/javascript"> $( function() { function pageselectCallback(page_index, jq){ var new_content = $('#hiddenresult div.result:eq(' +page_index+')').clone(); $( '#res').empty().append(new_content); return false ; } function initPagination() { var num_entries = $('#hiddenresult div.result' ).length; // Create pagination element $( "#Pagination").pagination(num_entries, { num_edge_entries: 2, num_display_entries: 8, callback: pageselectCallback, items_per_page:1 }); } $( function(){ initPagination(); }); }); </script >

JavaScriptだけで画像アップロードし(実際に受け取り)、画面に表示させたいのですが、可能でしょうか？ ※JavaScriptしか使えないレンタルサーバでの利用を想定しています 下記を試してみたのですが、うまくいきませんでした ▽【HTML5】File APIを使って、投稿された画像を即時表示する方法【小ネタ】 : アシアルブログ 　 http://blog.asial.co.jp/1079 ※画像は表示されるのですが、画像ファイルはアップロードされていない(もしくは受け取ることが出来ない) ■質問1 ・画像ファイルパスが、<img src="data:image/jpeg;base64,/9j/4AAQS になるのですが、これは、tmpみたいな場所にアップロードされている、ということなのでしょうか？(FTPで見ても、どこにアップロードされているか確認できませんでした) ■質問2 ・アップロードされたファイルを受け取るための処理は、サーバサイドでしか出来ないということでしょうか？　つまり、JavaScript単独だと、画像をアップロードできても、受け取ることが出来ないので、意味がない？

JQueryMobile＋HTMLでモックアップを作っています。その際、疑問に思ったのですが、右クリックから「ソースの表示」をしたとき、なぜ最初のページのHTMLがが出るのでしょうか？？ しかも、ブラウザで見える画面は、遷移後の画面になっているので不思議でなりません。 (1)ブラウザはHTMLソースを元にレンダリングするのですよね？ (2)JQueryMobileどうこうの話ではなくて、AJAX関連が関係しているのでしょうか？（自分はAjaxのコードを書いたつもりはないのですが、JQueryMobileの中で使われているのでしょうか？） (3)今までの質問とちょっと内容が違うのですがAJAXは「非同期通信でXMLデータをやり取りする」のだそうですが、XMLファイルはプログラムでは扱っていません。AJAXは一体何の目的のために、どんなことをしているのでしょうか？

XMLで作られた、 Ａ部署　Ｂ課　製品Ｃ　売上100円 のようなデータを、SQLのように、色んな集約条件でサマリーしたいです どのようにやればよいのでしょうか？ また、関数一覧や、プログラムがどこかにあったりしますか？

JavaScriptでは、$は、単なる文字として扱う。というのは調べてわかったのですが、 以下のプログラムの意味がわかりません。 ◆疑問１ 「$を変数として宣言している」とすれば、以下のプログラムの始まりは var $ = ～～～ のようになりますよね？ ◆疑問２ 3行目あたりに出てくる「$.ajax(」のような記述は、変数$の、下の階層のなんらかのオブジェクト？なのかと思いましたが、$が何かのクラスであったり構造像体である旨は、どこにも宣言されていないので、変数ではない何かかのでしょうか？？ ◆疑問３ いろんなところに、function()とあるのは、なぜなのですか？ 無名関数？とかいうのがあるということはどこかで知りました。 が、 (1)下のプログラムでは、何回もfunction()として、処理を記述していますが、 何の意味があるのでしょうか？ function(){ 　処理内容; }, と書くくらいなら、最初から無名関数としてくくらなくても、良くないですか？ むしろ、無駄な文字数が増えるし、しかもわかりにくいように思いますが、この記載にメリットはあるのでしょうか？ $( 　function(){ 　　$.ajax( 　　　{ 　　　　url: "doctors/data.xml", 　　　　dataType: 'xml', 　　　　timeout: 1000, 　　　　error: function(){ 　　　　　alert("xmlファイルの読み込みに失敗しました"); 　　　　}, 　　　　success: function (data){ 　　　　　$(data).find("item").each(function(){ 　　　　　　if($(this).attr("val") == "new"){ 　　　　　　　$("ul.column").append('value=test'); 　　　　　　} 　　　　　}); 　　　　} 　　　} 　　); 　　$("li.noJavaScript").remove(); 　} );

下記の2つのファイルで、フォームから入力した数値同士の「足し算の結果」をAJAXで表示できます。 ******************************************** 【HTMLフォーム】 <script language="JavaScript" type="text/javascript" src="js/culc.js"></script> <form name="f1"> <input type="text" id="text1" name="text1" size="10" maxlength="10" /> + <input type="text" id="text2" name="text2" size="10" maxlength="10" /> <input type="button" value="足す" onclick="readText()" /> </form> <p id="message"></p> ******************************************* 【JAVASCRIPT(culc.js)】 function readText() { var text1 = document.getElementById("text1"); var text2 = document.getElementById("text2"); var message = document.getElementById("message"); var str_val1 = text1.value; var str_val2 = text2.value; var sum; if (isNaN(str_val1) || str_val1 == "" || isNaN(str_val2) || str_val2 == "") { textMessage = "数値以外の文字が入っています"; } else { //sum = str_val1 + str_val2; sum = parseFloat(str_val1) + parseFloat(str_val2); textMessage = "合計は、" + sum + "です"; } message.innerHTML = textMessage; } ************************************************ 【質問】 このjavascriptを改造し、入力した数値についての「足し算の結果」が正の数だった場合には「正の数」、負の数だった場合は「負の数」と表示すべく改造しております。下記の改造を施したのですが、うまく表示されません。 下記の文のどこが誤りか修正頂けませんでしょうか? 宜しくお願い致します。 【JAVASCRIPT(culc2.js)】 function readText() { var text1 = document.getElementById("text1"); var text2 = document.getElementById("text2"); var message = document.getElementById("message"); var str_val1 = text1.value; var str_val2 = text2.value; var sum; if (isNaN(str_val1) || str_val1 == "" || isNaN(str_val2) || str_val2 == "") { textMessage = "数値以外の文字が入っています"; } else { //sum = str_val1 + str_val2; sum = parseFloat(str_val1) + parseFloat(str_val2); textMessage = "(if((sum > 0) { document.write("正の数"); } else((sum <= 0) { document.write("負の数"); } ))"; } message.innerHTML = textMessage; }

Google Maps API V3で表示しているマップの縦幅のサイズをスプリクトを変更する方法が知りたいです。

有料のサイトにおいてGoogle Maps API V3でマップ内の上か下にオリジナルの広告を表示する方法が知りたいです。

xmlファイルから読み込んだものを複数カスタムアイコン（情報ウィンドウ付）で表示させたいです。 現在アイコンは読まれずウィンドウも一つの状態です。 xmlからの緯度経度の取得はできるのですが、その他の情報の取得がわかりません。 下記がプログラムソースです。 xmlファイル <?xml version="1.0"?> -<markers> <marker season="" genre="" link="http://www.manyou-kumamoto.jp/castle/" type="culture" lng="130.705841" lat="32.806141" address="熊本県熊本市本丸1-1 " name="熊本城"/> <marker season="" genre="" link="http://www.greenland.co.jp/index2.html" type="reisure" lng="130.464676" lat="32.987690" address="熊本県荒尾市下井手1616" name="三井グリーンランド"/> </markers> javaプログラムソース $(function(){ $.ajax({ url:"map.xml", cache:false, dataType:"xml", success:function(xml){ var data=xmlRequest(xml); initialize(data); } }); }); function xmlRequest(xml){ var data=[]; $(xml).find("markers > marker").each(function(){ var dat={}; dat.lat=this.getAttribute("lat"); dat.lng=this.getAttribute("lng");//この辺の他のノード取得 $(this).children().each(function(){ if(this.childNodes.length>0)dat[this.tagName]=this.childNodes[0].nodeValue; }); data.push(dat); }); return data; } function initialize(data){ var op={ center : new google.maps.LatLng(32.791892438123696,130.704345703125), zoom : 9, mapTypeId : google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById("map_canvas"),op); var reisure=new google.maps.MarkerImage( "d_5.ico", new google.maps.Size(48.0,64.0) ); var culture=new google.maps.MarkerImage( "d_6.ico" ); if (data != null) { var i=data.length; } while(i-- >0){ var dat=data[i]; var obj={ position:new google.maps.LatLng(dat.lat,dat.lng), map:map, icon:dat.type //使用の仕方はあってますか？ }; var marker=new google.maps.Marker(obj); var infowindow = new google.maps.InfoWindow({ content:'<a href="dat.link"/>kumamoto</a>' //使用の仕方はあってますか？ }); google.maps.event.addListener(marker, 'click', function() { infowindow.open(map,marker); }); } } google.maps.event.addDomListener(window, "load", intialize); よろしくおねがいします。

■状況 $.post('test.php',{action: "gethoge"},function(data){ jsondata = $.parseJSON(data); console.log(jsondata); としたら、エラーになりました ■エラーメッセージ Uncaught Invalid JSON: Warning: include_once() Failed opening ■対応 ・インクルードファイルを読み込めていなかったので、修正 ■知りたいこと ・「jsondata」を取得する際、PHPの「Warning」影響をなぜ受けるのでしょうか？ ・PHP「Warning」エラーとか、普段あまり気にしないのですが…

下記スクリプトで<div id="links"></div>のところを 開いた瞬間 <ul> <li><a href="http://foo.com/">foo</a></li> <li><a href="http://bar.com/">bar</a></li> </ul> に変換したいのですがうまくいきません どこをどのように変更すれば変換されるのでしょうか 【スクリプト】 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript"> var URL = new Array("http://foo.com/","http://bar.co.jp/"); var TITLE = new Array("foo","bar"); // 表示用コンテナ var container = document.getElementById('links'); // リセット container.innerHTML=''; var ul=document.createElement('ul'); container.appendChild(ul); for(var i=0;i<URL.length;i++){ var li=document.createElement('li'); var a=document.createElement('a'); // 'href'属性の設定 a.setAttribute('href',URL[i]); // ラベル a.appendChild(document.createTextNode(TITLE[i])); li.appendChild(a); ul.appendChild(li); } </script> </head> <body> <div id="links"></div> </body> </html>

<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)の外で取得できません どうすれば取得できるのでしょうか。

Google Maps API V3 でXMLのデータがかなり多いので XMLから取り出すデータをgoogleマップで表示するデータのみ 取り出してマーカを表示したい場合どのようにすればいいのでしょうか

googleマップをajaxとかなりあるデータがあるXMLデータを使って表示するとき 座標の中心から何ｋｍ以内のデータ のみXMLデータから抽出して表示するには どうすればいいのでしょうか

googleマップにajax、php、mysqlを使って複数マーカを表示したい場合 googleマップの地図をマウスで動かすごとにmysqlのSqlを実行しデータ を抽出してgoogleマップに表示しているのでしょうか。