AJAX
- アイパッドでダブルタップからJQueryを動したい
アイパッドでダブルタップをしたらセレクトボックスに値を入れて展開したいのですが、アイパッドではダブルタップすると拡大縮小を繰り返すだけです。 こちらのサイトを拝見して、 http://blog.webcreativepark.net/2010/08/16-110311.html プログラムを入れ込んでみたのですが、うまくいきません。 セレクトボックスをPタグで囲んでみたり、Pをselectに変えたりしたのですが、セレクトボックスに値が入りません。 （パソコン上ではダブルクリックでセレクトボックスに値がはいって展開します。） 気になるのは、data("dblTap")というフラグを用意して・・・という文章がありますが、このフラグはどこに用意すればいいのでしょうか。 素人の質問で申し訳ございませんが、おわかりの方がいらっしゃいましたら教えてください。 よろしくお願いいたします。
- 締切済み
- noname#223023
- AJAX
- 回答数2
- AJAXでSOAPを利用する定番の方法は？
お世話になります。 SOAPで実現されている某サービスのWeb APIを、AJAXで呼び出して利用することを考えています。 (今更SOAPかよ？という感じですが、それはさておきまして…) このような利用をする際の、定番の方法はあるのでしょうか？ JavaScriptのSOAPクライアントライブラリで、何か定番等があっても良さそうな気がするのですが、Webで探しても、定番と言えそうなものが見つかりませんでした。 もし定番がないとしましたら、何故未だ、定番といえるものがないのでしょうか。 (SOAPの概要は知っていますが、今まで使う縁がなく、詳細を私は知りません)
- ajaxによるcsvデータの絞り込み検索について
http://s-ej.com/sample/ajax/ajax0003/ 上記、サイトを基にajaxによるcsvデータの絞り込み検索の出来るサイトを作っています。 ですが、csv内のデータ数が多いためIE8以前のブラウザで確認すると、 スクリプトの警告文が表示されてしまいます。 （chromeやIE9以降ですと読み込みが若干遅いですが、問題なく動作します。） どなたか改善策等お分かりになる方がいらっしゃいましたらご教授頂ければと思います。 宜しくお願いします。
- jQueryのAjaxで通信の途中結果を取得したい
jqueryのajaxを使って通信先のphpが発行するhtmlを受信して受信側の<div id="data"></div>に 表示させているのですが、通信先のphpが処理して生成したhtmlの途中結果を受信して 表示させるにはどのようにすれば良いのでしょうか？ 例えば通信先のphpを <?php ob_start(); for ( $i = 1; $i <= 100000; $i++ ) { if ($i % 100 == 0) { echo "■"; } @ob_flush(); @flush(); usleep(30000); } ?> このようにして受信側を <div id="data">■■■</div> というようにプログレスバーみたいに次々と■を増やしていきたいのですが、実行してみると最終結果の <div id="data">■■■■■■■■■■■■■■■■■■■■■■■■（…省略）</div> だけが出力されてしまいます。 どのようにすれば良いのか教えて頂きたいです。 どうぞよろしくお願い致します。
- AJAXとSEO。同期通信とPHP送信の違い
「AJAX」「SEO」「同期通信」「PHPでPOST送信」について、幾つか分からないことがあるので教えてください ■質問1 ・AJAX通信すると、SEO的に不利なのでしょうか？ 例えば、AJAXでCSVファイルを読み込む場合はどうなるでしょうか？ もしかして、実装方法による？ 下記例で、何か違いはあるでしょうか？ ・例1 … 非同期。ページ読込後にCSV読込(そもそもこの実装は可能？) ・例2 … 非同期。ページ読込前にCSV読込 ・例3 … 同期。ページ読込後にCSV読込 ・例4 … 同期。ページ読込前にCSV読込 ■質問2 ・AJAX通信で検索ボタンを押したページ結果は、クローラーされることはあるのでしょうか？ サーバからデータを取得しているから反映される？ 非同期だったら、反映されない？ 同期だったらされる？ ■質問3 ・AJAX通信の同期処理の意味が分かりません(jQueryのasyncをfalseなど)。非同期通信がAJAXだと思うのですが、AJAX通信の同期処理というのは、何なのでしょうか？ 例えば、「PHPでPOST送信」するのと、原理的には全く同じということになるのでしょうか？(PHPで実装するか、js実装するかの違いだけ？) 最終的に、SEOを重視する場合は(非同期の操作性を捨て)同期処理で実装した方が良い、ということになるのでしょうか？
- AJAX通信で、ボタンをクリックせずに初めから送信
CSVをAJAX通信で読み込むサンプルがあります(jQuery未試用) ボタンをクリックすると検索するのですが、 ページを開いた時点で、何らかの検索結果ページをデフォルトで表示させるにはどうしたら良いでしょうか？ ＜コード抜粋＞ <script type="text/javascript" src="xmlhttp.js"></script> <body onLoad="loadTextFile(hoge) <form name="ajaxForm" onSubmit="output_result(); return false"> ＜試したけどうまくいかなかったこと＞ <body onLoad="loadTextFile(hoge);output_result(); ・addEventListenerを使うのでしょうか？ ・それは、headタグ内に書くのでしょうか？ ・AJAX通信との絡みからか画面がチラツク場合があるのですが、読み込む順番か何か注意すべきことはあるのでしょうか？
- AJAX通信のエラー処理について
jQueryを利用したAJAX通信で、「●●.js」が不定期エラーになるのですが、エラーの意味も原因も分かりません。 Uncaught TypeError: Cannot read property 'age' of null ■質問1 $.postではエラーを捕捉出来ないと書いてあったので、$.ajaxに書き換えたいのですが、書き方がよく分かりません。どう書き直せば良いでしょうか？ ■コード ▼「●●.js」 $.post('test.php',{action: "getmemberdata"},function(data){ jsondata = $.parseJSON(data); if(jsondata == null){ return true; } 処理 }); if(Number(jsondata.age)>10){←この箇所で不定期で上記エラーが発生！ ▼「test.php」 // Echo Data For Ajax if($_POST['action']=='getmemberdata'){ 処理 echo json_encode(データ); ■質問2 AJAX通信の確認をサーバ側で行うことは出来ないのでしょうか？ 「test.php」で、echo json_encode(データ);する前に、 echo データ; exit; としてみたのですが、処理が途中で止まらず、変数の中身を確認することが出来ません。 AJAX通信の確認は、$.ajaxのエラー処理でしか確認することは出来ないのでしょうか？ ■質問3 (Number(jsondata.age)>10)がエラーになるので、何とか回避したいのですが、 回避する方法はあるでしょうか？ if(jsondata.age==null){ とか書いてみたのですが、うまくいきませんでした
- jQuery Ajaxで送信先ドキュメントルート外
jQuery Ajaxで送信先をドキュメントルート外に指定したいのですが、可能でしょうか？ $.post('post.php', この「post.php」を、公開フォルダの上に配置したいのですが、「.htaccess」とか使っても無理でしょうか？
- Ajaxを使った読み込みができない
●質問の主旨 Ajax（非同期通信）を使って、 ブラウザ上でテキストファイルの読み込みを させたいのですが、できません。 Ajaxにお詳しい方、ご指導願います。 ●質問の補足 HTML5とjqueryの技術を使って、 テキストファイルの中身（Hello,World)の 読み込みをさせたいと考えております。 参考サイトにもとづいてやってますが、 画像の表示ができません。 表示させるためにはどうしたら良いでしょうか？ ●コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQueryの練習</title> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> </head> <body> <h1>jQueryの練習</h1> <div id="main"></div> <input type="button" id="kick_ajax" value="Ajax!"> <script> $(function() { $('#kick_ajax').click(function() { $('#main').load('contents.txt', function() { alert('読み込み終了！'); }); }); }); </script> </body> </html> ●テキストファイルのファイル名 contents.txt ●参考サイト（ドットインストール） http://dotinstall.com/lessons/basic_jquery/519
- フォーム 全角カタカナへの自動変換
以下のことを実現したいと思っております。 例） テキストボックスに【te】あるいは【て】と入力した直後に 【テ】に変換する。 一応、jqueryで入力後、フォーカスが外れると変換されるという ことはできたのですが、その場合もあくまでひらがな、半角カナ で入力された文字を全角カナに変換するというところまでで、 全角、半角英には対応できませんでした。 また、入力中つまりリアルタイムに変換するということを どう実装すれば良いのよくわかりません。（keydownを使う？） 例）であげたことを実現しているサイトもありました。 どうにか実現したいと思っておりますので、こういう方法も あるというようなヒントだけでもいただければと思いますので、 どうかご教授お願いいたします。
- AJAXでプルダウン連動(SJIS環境)
Ajaxでプルダウン連動をしようとしています。 id="prm"と設定したプルダウンを変更して プルダウンprm2を設定しようとしています。 エラー処理の表示もできません。 SJIS環境でエンコードしています。 jsonには入っています。 配列のkey部分には連続しないコードの数値が入ります。 どこが悪いのか教えてください /* test.php */ $sql = "select hoge,foo "; $sql .= " from table_a "; $sql .= " where start <= '".date("Y-m-d")."' "; $sql .= " and end >= '".date("Y-m-d")."' "; $sql .= " ・・・・・ "; $sql .= " ・・・・・ "; $pnt = DbExec($conn, $sql); if (@mssql_num_rows($pnt)){ while ($rows = mssql_fetch_array($pnt)) { $hoge = mb_convert_encoding($rows['hoge'],"UTF-8"); $foo = mb_convert_encoding($rows['foo'],"UTF-8"); $c_ary[$hoge] = $foo; } } echo json_encode($c_ary); /* HTML */ $(function(){ //プルダウンに変更 $('#prm').change(function(){ var prm = $('#prm').val(); $.ajax({ url : "test.php", dataType : "json", data : {prm:prm}, type : "post", success: function(data, status){ $("#prm2").empty(); $.each(data,function(i) { $('#prm2').append($('<option>').attr({ value: i }).text(data[i])); }); },error : function(){ alert(data.responseText); } }); }); });
- googlemaps api V2からV3への移行
googlemaps api V2 を使ったサイトをいくつか公開しています。 つい最近、googlemaps api V2 のサポートが終了し、 V3への移行が求められていることをつい最近知りました。 2013年にはV2サイトは表示されなくなるようで、 かなりあせっています。 複数のマーカーを地図上に表示させるために jsonファイルを読み込む形にしています。 このサイトを作ったとき、 googlemaps apiの入門サイトなどを参考にして作ったのですが、 V3に移行するために html を どのように修正したらよいかがわかりません。 jsonファイルの書き方も修正が必要かもわかりません。 V3説明サイトを見てソースをまねしたりしたのですが、 うまくできませんでした。 どのようにソースを組めばよいのか、 jsonを使ったV3でのソースを教えていただけると助かります。 なお、上記サイトでのjsonファイル （chikusa.json） のソースです －－－－ここから－－－－－－ { data: [ {lat:35.1638745,lng:136.9252355,html:"<a href='http://www.rr-watanabe.jp/' target='_blank'>料理旅館わたなべ</a>"}, {lat:35.1713848,lng:136.9287544,html:"<a href='http://www.mielparque.jp/nagoya/' target='_blank'>メルパルク名古屋</a>"} ] } －－－－－ここまで－－－－－ よろしくご教示お願いします。
- ベストアンサー
- micro_adventure
- AJAX
- 回答数3
- jQuery.TableSorterのカスタムの件
はじめまして。困っております。助けてください＜（＿ ＿）＞! jQuery.TableSorterを使ったページをリリースしました。 困ったことに、降順でソートすると ソート対象の文字列の頭文字にカタカナの「ヴ」がつく文字が、 カタカナの「ン」で始まる文字よりも、降順の一番トップにソートされてしまいます。 jQuery.TableSorter.js内で、上記の処理を加えたいと思っております。 分かる方いらっしゃったら教えてください。宜しくお願いします。
- 締切済み
- pet_hanakosan
- AJAX
- 回答数1
- jQueryでajax
ajax（jQuery使用）を使った以下のサンプルは、 セレクトボックスを選択すると、ボタンを表示するのですが、 そのボタンをクリックしても、アラート（This is success!）が表示されません。 ajaxで吐き出した<button>ボタン</button>のボタンのクリックイベントが 検知しないような感じですが、いったいどこが間違っているのかわかりません。 どなたか、ご教授いただけると助かります。 htmlソース ------------------------------------------- <meta http-equiv="content-script-Type" content="text/javascript" /> <meta http-equiv="content-style-Type" content="text/css" /> <link rel="stylesheet" href="./photo.css" media="all" /> <title> テスト</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { alert("Test is success!"); }); $(".first").change(function() { var param = ''; $.ajax ({ type: "POST", url: "ajax.php", data: param, cache: false, success: function(res) { $("#result").html(res); } }); }); }); </script> </head> <body> <select name="first" class="first" id="first"> <option value="1">項目１</option> <option value="2">項目２</option> </select> <p>結果：</p> <div id="result" style="width:808px;"></div> </body> </html> phpソース ---------------------------------------- <?php echo '<button>ボタン</button>'; ?>
- ベストアンサー
- like-linux
- AJAX
- 回答数1
- ASP.NET 動的に行を増やすTable
ASP.NET（VB）アプリケーションでボタンが押される度に、 行を追加するTableを作りたいです。 初期表示時にPage_Initで5行のtableを作成するようにしています。 ボタンクリックイベントで行数を増やしていくのですが、 他のコントロール(asp.textbox)のテキストチェンジイベントでPostBackが発生すると、 元の5行に戻ってしまいます。 Page_Initで5行と指定しているためなので、 ここの指定数をPostBack前に保持した行数にすれば良いと思ったのですが、 もっと他にスマートな方法はありませんでしょうか？ もし、保持する方法をとる場合は、セッションなどで保持するべきでしょうか？
- フローティングのやり方について
縦長のテーブルがあって、列をドラッグ（この時フローティング）して 入れ替える、ということをやりたいと思っています。 appleの比較ページみたいなのが理想です。 http://www.apple.com/jp/why-mac/compare/notebooks.html ajaxとか使えば出来るのでしょうか…？ 何から調べればいいのかもわからず悩んでいます。
- 外部ファイルload処理完了してから、指定要素削除
外部ファイルload処理を完了してから、指定要素を削除したいのですが、 どうすればよいでしょうか？ ＜やりたいこと＞ ・hoge.php(の指定範囲)を読み込んでから、(読み込んだhoge.phpの)ulタグpiyoクラスを削除したい ＜現状＞ ・最後にhoge.phpが読み込まれるためか(？)、piyoクラスが削除されません $(function(){ $("button").click(function(){ $("div").load("./hoge.php div.test"); $("ul.piyo").remove(); }) })
- JQueryの変数の扱いで弱っています。
お世話になります。 JQuery初心者です。 ３日程、ハマリ、行き詰まったので、相談させて下さい。 アマゾンのレビューの「レビューは参考になりましたか？」「はい」「いいえ」の 様なものを作りかけています。 その際、以下の様な記述をしています。 （肝心な部分抜粋） ---------------------------------------------- 大元 正常に稼働 ---------------------------------------------- <!-- JQuery --> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ $("#form1").submit(function() { //●●●この #form1 の部分を変数にしたい var str = $(this).serialize(); 処理 }}; --> </script> </head> <body> <form id="form1" method="post" action=""> //●●●#form1とはコノ部分 <select name="option"> <option value="yes" selected>参考になった</option> <option value="no">参考にならなかった</option> </select> <input type="submit" name="submit" value="投票する"/> </body> </html> ---------------------------------------------- 上記の記述で正常に稼働しています。 が、1つのページにフォームを複数作り、それぞれのフォームにIDをふって、 それぞれ正常に稼働させたいのです。 そこで、javascriptの $("#form1").submit(function() { ここの #form1 部分を変数にして、複数のフォームに対応させたいと思っています。 が！ 以下の様に改良したところ、正常に稼働しません。 ---------------------------------------------- 以下、改良部分 うまく稼働せず ---------------------------------------------- -------javascript部分 $("input").click(function(){ //●●●ここを改良 変数作成 id2= $(this).attr("class"); sharp="#form"; id3 = sharp + id2; }); $("id3").submit(function() { //●●●ここを改良 変数指定 -------フォーム部分 <form id="form1" method="post" action=""> <input type="submit" name="submit" value="投票する" class="1"/> //●●●ここを改良 class="1" を追加 ------------------------------------------------- つまり、classの「1」をjavascript部分で読み取って、#form の文字列と組み合わせて #form1 として、機能させたいのですが、うまくいきません。 （何故か、$("#form"+id2) の部分がうまく機能しません。） ※要は複数のフォームのidに、１つのjavascriptで対応させたいだけで、 上記の様な、まわりくどいやり方には全くこだわっていません。 どうか、迷える子羊に愛の手を！
- jQueryのラジオボタン操作系サンプル探してます
jQueryをペチペチと勉強していますが、ちょっと詰まってしまいました。 以下のような動作をするサンプルプログラムを探しています。 「ラジオボタンを押下すると、それに対応するテーブルのtr要素の背景色を変更する。」 ==========ソースここから========== <table border ="1"> <tr id ="0" class ="table_1"> <td>hoge1</td><td>hoge1</td><td>hoge1</td> </tr> <tr id ="1" class ="table_1"> <td>hoge2</td><td>hoge2</td><td>hoge2</td> </tr> <tr id ="2" class ="table_1"> <td>hoge3</td><td>hoge3</td><td>hoge3</td> </tr> </table> <table border ="1"> <tr> <td><input type ="radio" name ="radio_hoge" value ="100" id ="0" class ="radio_1"></td><td>hoge1</td> </tr> <tr> <td><input type ="radio" name ="radio_hoge" value ="200" id ="1" class ="radio_1"></td><td>hoge2</td> </tr> <tr> <td><input type ="radio" name ="radio_hoge" value ="300" id ="2" class ="radio_1"></td><td>hoge3</td> </tr> ==========ソースここまで========== HTMLの構成はこんな感じにしてあります。 下側のテーブル内のラジオボタンを押下すると、上側のテーブルのtrの背景色を変更したいのですが、指定の方法が分からず悩んでいます。 （trとradioは、同一「id」値と対応する。ものとしたい。 現状、他に実現してある内容は ・tr行にマウスオーバーすると、trの色を変える ・tr行をクリックすると、trの色を変えて保持する ・tr行をクリックすると、対応するラジオボタンを選択する です。 コレに、 ・ラジオボタンを選択すると、対応するtr行の色を変える を追加したく思っています。 当面の問題は、tr(のid？)に対して「this」以外で指定を行う方法が分からない。 ということかと思っています。 コレ(trに対してthis以外で指定)が分かれば、もう一つやろうとしてる、tr行でクリックした以外のtr行の色を初期色に戻す。 あたりも解決すると思っているので、ご存じの方がいましたら、教えていただけると助かりますm(_ _)m 以下は、現状実現してある内容～の参考にしたサイトです。 >>・tr行にマウスオーバーすると、trの色を変える http://1bit.mobi/20120313111043.html >>・tr行をクリックすると、trの色を変えて保持する http://ponk.jp/jquery/basic/state_save の「４」番目 >>・tr行をクリックすると、対応するラジオボタンを選択する http://www.tohoho-web.com/lng/199912/99120188.htm よろしくお願いします。
- ベストアンサー
- STICKY2006
- AJAX
- 回答数1