AJAX
- ime入力中にcssを変更する方法
googleのように文字を入力したら、cssを変更して レイアウトを変更したいと考えております。 現在、jqueryを使ってcssを変更しているのですが、 firefoxで一文字目を入力すると表示されな現象に陥りました。 どなたかわかる方、ご教授お願いいたします。 <js>-------------------------------------------------------------------------------- $(function(){ var q=$('input#q'); q.focus(); q.keyup(function(e){ e.preventDefault(); ajax_search(); }); //Firefox IME q.bind('text',function(e){ e.preventDefault(); //console.log(this.value); ajax_search(); }); function ajax_search(){ if(q.val().length>0){ if(!$('#body').hasClass('search')){ q.css({margin:0,position:'absolute',top:'100px','zIndex':'999'}); } $('div#body').addClass('search'); } } }); </script> <html>-------------------------------------------------------------------------------- <div id="body"> <input type="text" name="q" id="q" value="" /> </div>
- ベストアンサー
- hunter_999
- AJAX
- 回答数1
- jqueryでime入力中の挙動について
現在、リアルタイムに検索するＵＩを作成しているのですが、 ime入力（日本語入力）中にget送信し、同時に入力している input要素をcssで移動すると一文字目が表示されません。 どなたかご教授ください。 よろしくおねがいいたします。
- 締切済み
- hunter_999
- AJAX
- 回答数3
- Ajax データが取得できない
現在、AJAXを勉強中です。以下のhtmlを実行し、pref.jsを呼び出すコードをサイトから引用して記述しました。 しかし、「データを取得する」ボタンを押すと、【処理中です・・・】というメッセージが出るだけで、いっこうに該当データを取得できません。(本来であれば、指定されたxmlファイル内のデータが表示されるはずなのですが・・） 何が原因なのでしょうか。 解決策がわかる方がいらっしゃいましたらご教授ください。 よろしくお願いします。 ■pref.html --------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../lib/prototype.js"></script> <script type="text/javascript" src="pref.js"></script> <link href="pref.css" rel="stylesheet" type="text/css"> <title>pref</title> </head> <body> <div> <input type="button" id="btnData" value="データ取得" /> <input type="button" id="btnClear" value="クリア" /> </div> <div id="state"></div> <div id="result"></div> </body> </html> --------- ■pref.js ---- onload = init; var state; var result; function init() { $("btnData").onclick = prefDisp; $("btnClear").onclick = clearDisp; state = $('state'); result = $('result'); } function prefDisp() { state.innerHTML = "処理中です・・・<br />\n"; var url = "http://ws.bzen.net/pgtop/pref.xml"; var paramList = ""; new Ajax.Request(url, { method: 'get', onSuccess: getData, onFailure: showErrMsg, parameters: paramList }); function getData(data){ var response = data.responseXML.getElementsByTagName('Response'); var item = response[0].getElementsByTagName('Item'); var tmpHtml=""; for(i = 0; i < item.length; i++){ var prefCd = item[i].getElementsByTagName('PREF_CD'); var prefCdValue = prefCd[0].firstChild.nodeValue; var prefName = item[i].getElementsByTagName('PREF_NAME'); var prefNameValue = prefName[0].firstChild.nodeValue; tmpHtml += prefCdValue + " " + prefNameValue + "<br />\n"; } result.innerHTML = tmpHtml; state.innerHTML = "データを取得しました。<br />\n"; } function showErrMsg(){ clearDisp(); state.innerHTML = "データを取得できませんでした。<br />\n"; } } function clearDisp() { state.innerHTML = ""; result.innerHTML = ""; } ---
- ベストアンサー
- tanakataro2010
- AJAX
- 回答数1
- Jquery と JqueryUIについて
現在、Jquery と JqueryUIを使ってプログラムを書いています。上手く動作しないので以下について教えてください。 やりたいことは、ボタンを押すと文字があらわれたり消えたりするという動作を実現したいと思っていますが、今は、ボタンと文字が表示されるのみで、ボタンを押しても全く動きません。 現在書いているコードは以下のとおりです。 ---- <html> <head> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> <script> $(function() { $('#button').click(function(){ $('#sample-text').show(); }); }); </script> </head> <body> <input type="button" id="button" value="ボタン"> <p id="sample-text">Hello World!</p> </body> </html> ------------------- Jqueryのバージョンは、最初、UIとの互換性を考え、1.3.2を使っていましたが、動かないため、現在は新しいバージョンで試してみたところです。(１．４．４でもだめでした） JSファイルの場所は、上記htmlファイルと同じ階層のjsディレクトリ内です。 また、補足ですが、これが上手くいけば、script内の show メソッドのかわりに ｔoggleを使いたいと考えています。 上記コードで間違っている部分がわかる方がいらっしゃいましたら教えてください。 よろしくお願いいたします。
- ベストアンサー
- tanakataro2010
- AJAX
- 回答数3
- Ajaxでウインドウ出力について
CGI上で、HTMLのコードを書いて、WEBページを出力（表示）することが出来ますが、それと同じようなことが、Ajax（Jqueryを使っています）で出来ませんでしょうか。 CGIを使ってやろうとしていたのですが、同じページでFormタグを多用しており、CGI以外の方法でページ出力をしようと思います。 HTMLからOnClickで値をAjaxに渡して、データベースとやりとりをし、Ajaxに値を戻してそれを元にページを作成して出力をさせたいのです。（別ウインドウを立ち上げで） このようなことは出来ますでしょうか。 また、出来るようでしたらどうやってプログラムを作成すればいいでしょうか。 教えてください。よろしくお願いいたします。
- ベストアンサー
- noname#223023
- AJAX
- 回答数6
- jQuery POST送信後のページ更新
いつもお世話になっております。 jQuery+PHPにて、POST送信し、 戻り値の条件分岐でページを遷移させたり、 更新させたいと思っています。 ご教授願えないでしょうか。 index.php内 [ソース] $.POST('./search.php', {'code':12345'}, function(data){ if(data['type'] == '1'){ alert('見つかりません') location.href='./index.php'; } else if(data['type'] == '2'){ location.href='./edit.php; }, 'json' ); 見つかりませんのアラートを表示した後、 location.hrefだと、リロードする事なく。 またlocation.reloadにしても同様です。 $.POST外でlocation.reloadを指定すると リロードしてくれるのですが、$,POST送信してくれません。 もし不可能であれば、location.hrefで別のファイルを経由させて実施しようと思っています。 宜しくお願いします。
- no confilict で value値が取れな
いつもお世話になっています。 以前にも質問した事があるのですが、 ちょっと違う事象が出てきたので、 質問させて下さい。 AjaxとjQueryを競合させているため下記のように記述しました。 Query.noConflict(); jQuery(document).ready(function($){ $("input").live("click",function(){ e = $(this).attr("id"); ev = e.substr(0,e.lastIndexOf('[')); if(ev == 'mod' || ev == 'refer' || ev == 'del'){ //一覧のレコードを取得 list_flg = 1; fno = e.lastIndexOf('[')+1; lno = e.lastIndexOf(']'); no = e.substr(fno,(lno-fno)); //hidden位置取得 input_no = (no == '1') ? 0 : parseInt(no) + 6; //hiddenの値取得 code = ($("input").eq(input_no).val()); } else if(e == 'insert' || e == 'update' || e == 'delete'){ //DB登録時 //新規・編集確認画面からの遷移時 db_flg = 1; ev = e; code = $('input').eq(0).val(); if(ev == 'update' || ev == 'delete'){ //編集及び削除時はdefault_codeで既存codeのエラーチェックを行う default_code = $('input').eq(1).val(); } } } } 下記の記述をしないと値がとれないのです。 code = $("input").eq(input_no).val(); 本当なら下記のように記述したいのですが、駄目でした。 code = $('edt_code').val() document.getElementById('edt_code').value とすれば取れるのですが、折角portotype.jsを使っているので、 $('edt_code')としたいのです。 尚、日本語リファレンスに記述している事もやった結果です。 またjqueryはinnerHTMLで記述したもので取得するため、liveメソッドを使用しています。 どうかご教授願えないでしょうか。
- Ajaxを扱う上で必要になる知識は何でしょうか？
下記内容を実現するにはAjaxを使うと思うのですが、 Ajaxを扱えるようになるためには、どのようなプログラムを学べばよいでしょうか。 よく不動産サイトで使われているもので、 条件を指定して検索して物件を絞り込んだり、 合計何物件が見つかりました、 3日以内に公開された物件は、 価格順や土地面積順に並び変える、 各エリアの公開物件数の一覧 サイト内検索 チェックした物件をまとめてお問い合せ この物件をお気に入りリストへ登録 などの機能があり、物件を公開すると自動的に上記機能をその物件に対して扱えるようになる。 HTML CSS JavaScript PHP XML SQL ライブラリは jquery prototype サーバーの知識を深める なんとなくこういったイメージを持っています。 実際に必要なものは何でしょうか。
- AjaxとJqueryについて
AjaxとJQueryを勉強しようと考えているのですが JQueryから勉強することは難しいでしょうか？ Ajaxからしたほうがいいかなとは、情報を集めてて思ったのですが どうもいい参考書が見当たらなかったのです。 ご教授のほうよろしくお願いします。
- jQueryで画像がちゃんとプリロードできているか
jQueryを使ってロールオーバー用の画像を プリロードさせたいと考えていています。 jsファイルに、 $("<img>").attr("src", ***); みたいに内部的にimgを生成しました。 これが、本当にプリロードされているのかを確認する方法ってあるんですか？ 宜しくお願いいたします。
- linuxサーバーでjQueryの挙動がおかしい
ローカルのWindows7で正常に動作するjQueryが、linux（Cent OS）のレンタルサーバーで動作しなくて困っています。 $("#tagA").load("file.inc",function(responseText,textStatus,XHR){ g = responseText;u = g.split("\n"); '(a) }); '(b) 上記のコードでfile.incを読み込んで変数gに格納し、それを行ごとに配列uに格納し、 それをforで回していろいろ成形して、最終的には出力しているのですが、 linux上で実行するとuがカラで、その後のコードが実行されないのです。 確認したところ、'(a)の箇所にalert(g);やalert(u.length);を入れると中身がある結果を出しますが、'(b)だとgがundifinedになり、よってu.lengthは0になります。なのでその後のfor内が実行されないのでしょう。htmlファイル自体は最後まで出力されています。 この結果を受け、これ以降のコードを上記最後の"});"の前に移してみたところ、その部分だけが実行され、前後のhtmlもjavascriptも出力されていませんでした（ソースコードを表示させて確認しました）。ブラウザはIE9です。 同じことをローカルのubuntu機（ブラウザはFF）で行ったらほぼ同じ結果でした。こちらはalert文を入れておくと正常に表示されるようです。 ファイルのエンコードはutf-8です。htmlのcharsetはscriptタグも含めてきちんとできています。 あまりにも意味が分からないので、ご存知の方がいらっしゃいましたらよろしくお願いいたします。
- 締切済み
- noname#245018
- AJAX
- 回答数1
- プルダウン内容に応じてラジオボタンをオンオフ
jqueryを用いて制御をしようとしています。 プルダウンの値が0の時はラジオボタンを無効化して、 プルダウンの値が1に変更されたときは有効化したいです。 いろいろ調べているのですが、うまくいきません。 教えて下さい。
- jqueryで小計値の合算が出来ません・・・
jqueryで計算した小計の値を合算したいのですが・・・ <div id="oa"> <select name="pa" id="value_pa"> <option value="0">選択して下さい</option> <option value="100">梅</option> <option value="200">竹</option> <option value="300">松</option> </select>× <select name="n" id="value_n"> <option value="0">選択して下さい</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>個=<span id="result_a"></span>円 </div> のように5種類の計算をして<span id="result_x"></span>の間に結果を埋め込んでいます。 この<span id="result_a"></span>から<span id="result_e"></span>の小計値をボタンを押すことにより合算して合計値を出したいのですが、うまくいきません。 jqueryでどのようにしたらいいのでしょうか？ 教えてください。 よろしくお願いいたします。
- jqueryでラジオボタンの値を取得
<input name="nr" value="0" type="radio" />いない <input name="nr" value="1" type="radio" />いる の選択に応じて400円の金額を追加するプログラムをjqueryで作成しようとしています。 ラジオボタンの選択の値を取得することが出来ません。どのようにしたら良いでしょうか？ 教えてください。 よろしくお願いします。
- chromeにてajaxでローカルファイルにアクセ
Ajaxを利用しローカルファイルにアクセスする際、 セキュリティの関係でGoogle Chromeではできないはずです。 そこで、起動オプションに -allow-file-access-from-files を加えればできていたはずなのですが、最近またできなくなってしまいました。 ヴァージョンは「15.0.874.121 m」です。 私の間違いでしょうか。あるいは、また仕様が変わったのでしょうか。その場合は、対処法はあるのでしょうか。 よろしくお願いします。
- 締切済み
- charlie432
- AJAX
- 回答数1
- jquery-1.3.2⇒○ 1.6.4.⇒エラー
初心者ですすいません。 美しいエフェクトのデモがあったので、実装してみるも、エラーが止まらず。 （コードは基本的にコピペしました） jquery-1.6.4.min.jsをｊquery-1.3.2.min.jsに直したら止まりました。 （デモ解説では、ｊquery-1.3.2.min.jsになっていたので・・・・） 質問 なるべく新しいjquery-1.6.4.min.jsを使用してきたいのですが、ｊquery-1.3.2.min.js用に制作されたコードを使っていくにはどうしたらいいでしょうか？（いちいち、1.6.4と1.3.2の両方を<head>～</head>間に記載しなければいけないでしょうか？）
- FullCalendarについて
お世話になります。 前回は私の説明が下手で私が求めている回答を得る事ができませんでしたので再度、質問をさせていただきます。 皆さん、宜しくお願いします。 FullCalendarでカレンダー部分はどのように生成しているかをご存じの方はいませんでしょうか。 またdivタグを並べてカレンダーを生成している？それともtableタグでカレンダーを生成している？かが知りたかったんですがどのように調査すればいいのかわかりません。 http://arshaw.com/fullcalendar/ 申し訳ありませんがどのように調査すればいいのかご教授いただけませんでしょうか。 宜しくお願いします。
- Google Mapsを利用して屋根の面積を求たい
どなたかご協力頂ければ幸いです。 GoogleのAPIを利用して自宅の屋根の面積を 求めたいのですが、方向性ややり方をご存じの 方いらっしゃればご教示願えれば幸いです。 多少の英語はわかりますので、英語ページの 参照などもまったくダメというわけではありません。 サンプルコードなどあればとても助かります。 どちらかというと営業畑の人間ですが エクリプス3.7とアンドロイドSDKの開発環境は 用意しています。 ここが参考になるのかと思ってますが 途中からFlashに切り替わり、ロジックがわからないのです。 http://www.smart-house.bz/shindan/ また、面積も算出できません。 なんとか、面積を算出したいので、お分かりになるかた いらっしゃればどうか、教えてください。 (自宅の設計図面がないので.....)
- jQueryでファイルの存在チェックをしたい
あるhtmlファイルに、別のhtmlファイルをload()で読み込もうとしています。 例） index.htmlに a.htmlやb.htmlなどなど…を表示したい。 loadしたいhtmlファイルが存在する場合と、存在しない場合とで 処理を分けたいのです。 loadしたいファイルの存在をチェックするには どうしたらよいのでしょうか？ 詳しい方、ぜひともご教授ください。 よろしくお願いいたします。
- jQuery Mobileでのページ遷移、挙動
jQuery Mobileを使ってスマートフォン用のサイトを作成しています。 ページ遷移時の挙動が直せなくて困っています。 1つのHTML内に複数のページを作るやり方ではなくて、 リンクには rel='external' フォームには data-ajax='false' をつけて、 Ajaxでのページ遷移を行わないようにしているつもりです。 で、おかしな挙動なのですが、 1.AのページからリンクをクリックしてBのページを表示する。 2.ブラウザの戻る機能でAのページに戻る 3.再びリンクをクリックしてBのページを表示する。 このとき、Bのページが表示された後、「Loading」というメッセージが表示され、 Aのページを表示してしまいます。（AのページをAjaxで読み込んでいるか、 Bのページが何らかで非表示になっているように思えます） $.mobile.ajaxLinksEnabled = false; という設定も試してみたのですが、 特に変化はありませんでした。 この解決策を教えてください。 出来れば、jQuery Mobileのデザイン関連だけ使って、ページ遷移絡みは 使いたくないという気持ちです。