AJAX

こんばんわ。WEBページの作成技法について、質問をお願いします。 あるPHPファイル(仮にA)、内部で別のPHP(仮にB)ファイルを読み込んでいます。(require-once) また、A内にはjavascriptが仕込んであります。 で本題ですが、AのJS処理後、B部分だけをリロードさせたいのですが、どのようにすれば 実現できるでしょうか？ アドバイス宜しくお願いします

お知恵を貸して下さい。。。 今、フォームの各項目を選択してる場合(たとえば、checkedがついてる場合)その要素のテキスト部分を別部分に出力してーというのをjQueryで作ってます。 inputのvalue値やnameは取ってこれるんですが、<input>タグの後のテキスト部分がなかなか思うように取得出来ませんでした。 PHPでのフォームで下記のようにしてるので、どうしてもinputの後のテキストを取りたいのです。(下記の場合、パソコンという部分) ↓ <input type=checkbox name="NAM[1]" value="1">パソコン <input type=checkbox name="NAME[2]" value="1">パソコン <input type=checkbox name="NAME[3]" value="1">パソコン いろいろ試してみたんですけど、そもそのやろうとしてる事は可能なのでしょうか？ 説明が下手でごめんなさい、どうぞよろしくお願いします。

こんばんは。 以下サイトのタブ切り替え時について質問があります。 http://code.google.com/p/gwt-dnd/ 上部のタブをクリックしたときにアドレスバーに表示されているURLが変わっているのですが、画面は遷移してないように見えます。 URLを変更して画面遷移をしないようにすることは可能なのでしょうか？ また、どういう技術が使われているとかの情報もいただけたら幸いです。 よろしくお願いします。

こんにちは。 「Autotab: jQuery auto-tabbing and filter plugin」 http://www.lousyllama.com/sandbox/jquery-autotab これを、prototype.jsで実現したいです。 でも全くわかりません。どうか教えてください。 よろしくおねがいします。

Ajaxを利用して goodかbadを評価してくれるサンプルを探しています。 mysqlを使っているとより良いです ちなみに星型のではなく goodかbadのどっちかというものを探しています

基本的なことかもしれませんが、質問します。 prototypeのライブラリを使ってajaxに挑戦しています。 ******************** var D = { method : "get", onSuccess : function(){...} }; new Ajax.Request("dara.txt", D); ******************** この方法だと、キャッシュ(?)を読み込んでしまうのか、 cgiでの変更点がすぐに反映されてこないので、このようにしました。 ******************** var D = { method : "get", parameters : "n=" + Math.random(), //←ここを追加 onSuccess : function(){...} }; new Ajax.Request("dara.txt", D); ******************** これで、毎回ちゃんとサーバーから読み込むようになりましたが、 このスクリプトを実行するたびにインターネット一時ファイルに保存されるので、 ものすごい数のテキストファイルが保存されてしまいます。 毎回サーバーから読み込んで、且つ、一時ファイルに残さない方法をご存知の方は、ご教示願います。

Ajaxについて教えてください。 （定義について） http://www.atmarkit.co.jp/fwcr/rensai/imasara03/imasara03_1.html （サンプル集） http://jsajax.com/default.aspx 【定義について】 ＞＞Ajaxは略語で、正式名称は「Asynchronous JavaScript ＋ XML」となります。Asynchronousは「非同期」という意味 とされいるようなのです。他にも調べてみると、 「Javascriptを使い，Webページとは非同期（Asynchronous）にXML形式（もしくはテキスト形式）のデータ通信を行う手法」といった風にかかれています。 この「Webページとは非同期」という部分がわからないのですが、どういったものを指しているのでしょうか？ 【実践方法について】 　Ajaxの実装はどういった手順で行うものなのでしょうか？ 　参考でみたホームページで、ライトボックスをみて感動したので、早速使ってみたいと思いました。いざAjaxサンプルページに載っている、ライトボックスのコードをコピー＆ペーストで、自分のＰＣ上で試してみたのですが、動かず悩んでいます。（汗） 　調べていくうちに、ライブラリが必要なようなのですが、どのように実装することで、ライトボックスは使用できるようになるのでしょうか？ 　 　AjaxサンプルのURLにjQueryを使い倒せ!ということから、jQueryという、Ajax用のライブラリがあるのでしょうか？

どうも初めまして。困った事があったので質問させて頂きます。 現在ホームページを作成しており、 住所の入力フォームについて困っております。 内容としては 都道府県、頭文字、市区町村の選択フォームがあり、 都道府県を選択すると頭文字を選択できるようになり、 頭文字を選択するとそれに対応した市区町村が選択できるようになる。 といった連鎖した入力フォームになります。 実際の例はこちらになります。 http://www.ndak.jp/ よくある郵便番号を入力すれば勝手に住所が表示される物ではなく、 これと同じように「都道府県→頭文字→市区町村」 が良いのですが、 どこか同じ内容で無料で利用できるjavascriptを配っているサイトなど ご存知ではないでしょうか。 どうしても見つける事ができず大変困っております(TT どうかご教授下さい。

こんにちは ajaxを使用した非同期通信で POSTデータをサーバ側に圧縮して送信することは可能でしょうか？ 現在、製造中のシステムで、xmlを送信しているのですが。 データ量が多い場合、非常に伝送時間がかかっており 質問させていただきました。 圧縮する方法があると聞いていたのですが 皆目見当が付きません。 参考となるHP、キーワード どんな情報でもかまいません。 非常にアバウトな質問で申し訳ありませんが どうぞよろしくお願いします。 ちなみにUIはhtmlでエンジンはjavaServletです。

例えば http://www3.nhk.or.jp/news/t10013307761000.html で、 「もっと詳しく」をクリックすると、画面がパッと開きますが、 これはどうやって作るんですか？

いつもお世話になっております。 blue-horse と申します。 JQuery で、DOMから内容が完全に一致するものを抽出しようとしています。 :containsフィルタだと部分一致で拾ってしまうので、意図した動作になりません。 （例:contains('京都') だと、'京都'も'東京都'もヒットしてしまう） すなおにforでループを回して抽出するか、別のライブラリ活用を考えた方がよいのでしょうか。 ご教示頂ければありがたく存じます。

http://www.nickstakenburg.com/projects/lightview/ 上記のAjaxを使用しております。 周りが丸くなっています。どうすれば四角になるのでしょうか？ 英語ばかりでさっぱりです… すみませんが、宜しくお願いします。

巷でちらほらと見られるAJAXがあります。 http://leandrovieira.com/projects/jquery/lightbox/ これと似たような機能が色々ありますが、SWFやメールフォームが表示できるものはありますか？ 例えばメールフォームのページを作成し、「mail.html」とします。 ボタンをクリックするとサイズを指定した「mail.html」が出るといったAJAXがありましたら教えてください。 SWFも「1.swf」を用意しておき、ボタンをクリックすると「1.swf」が表示できるものも望ましいです。 宜しくお願いします。

現在、iframeを使ったWYSIWYG-editorを勉強しておりexecCommandのcreatelinkに関する質問があります。 私はcreatelinkコマンドを実行するために、 (1)デザインモードをonにしたiframe内の任意の文字範囲を選択。 (2)リンク設定用フォームを表示するためのボタンを押す。 (3)リンク設定用フォームを作成しポップアップのような形で表示。 (4)ユーザにリンク(URL)の入力を求め。 (5)リンク情報(http://hoge.com/)を取得。 (6)リンク設定用フォームの消去。 (7)リンク設定用フォームから得られた情報を元にexecCommand ('createlink', false, 'http://hoge.com/')を実行。 の順序でcreatelinkを実行する形をとっています。 IE以外だと、(3)のリンク設定用フォームを作成表示しても、(7)のcreatelinkコマンド実行まで(1)の選択範囲がまだ生きていて、任意の選択範囲に正しくリンクが設定できます。 しかしIEだと(3)のリンク設定用フォームを作成した時点で選択範囲がなくなり、任意の選択範囲にexecCommandでリンクを作成することができません。 そこでたぶんIEの場合だけ(2)のボタンを押した時点で選択範囲を一時保存しておいて(7)のexecCommandを実行する前にその選択範囲を再度フォーカスさせるなどして復活させ、その後で(7)のexecCommandを実行することになるんだと思っています。 そこで質問なのですが、IEで、iframe内で取得した任意の選択範囲を一時保存し、再度その選択範囲をiframe内に復活反映させる方法はどのようにすれば可能になるのでしょうか。 具体的な方法論を解説してくれるとうれしいですが、参考になりそうなURLやキーワードだけでもかまいません。何か取っ掛かりが得たいと思っています。助けてください。 テストブラウザ IE(ie8) IE以外(firefox3.0.10、safari3.1.2)

FAQになっていますが、AJAXの文字化けで苦しんでいます。 長文失礼します。よろしくお願いします。 作成中の中心部分の抜き出し部分を添付します。 ダイアログで日本語を入力しそのまま返すのですが、文字化けします。 Windows XP TOMCAT6.0.18 prototype.js(最新リリース) ソースはすべて、SJIS、dialogProc関数の処理の問題とは思いますが。 以下はjavascript部分（test1.js） function dialogProc() { window.showModalDialog( "test1?mode=dialog", this, "dialogWidth:480px;dialogHeight:480px" ); } function clickAct() { var request = new Ajax.Request( 'test1', { method:'post', asynchronous:false, parameters: Form.serialize( 'form' ), onFailure: function( response, options ) { alert( 'error' ); return( false ); } } ); document.getElementById( 'SERVLET_RESULT').innerHTML = request.transport.responseText; return( true ); }

dojoの設置がうまくいかず、toolkitをダウンロードしてサーバーにアップしているのですが、htmlではうんともすんとも言いません。 Ajaxの本や、ネットで参照もしていますが、dojoの設置に関してとくに詳しく解説している本や、サイトを知っていらしたらお教え下さい。

最近AJAXを勉強しようと思い、JQueryに手を出しました。 JQueryで画面遷移無しでdivで作ったメニューを選択して内容を指定したdivに表示させようと思っているのですが、 JQueryでのloadの動作がブラウザの違いで異なる動きをするので困ってます。 IEでは内容が表示されて、新しく表示した部分のJavaScriptが正しく動くのでいいのですが、 Firefox、Operaでは新しく表示した部分のJavaScriptが動作しません。 Chromeでは新しく表示した部分のCSSでさえ適用されません。 IE以外でも正しく動作させるにはどうしたらいいでしょうか？ ご回答、よろしくお願いします。

AJAX超初心者です。 従業員番号を入力すると非同期処理を行って社員マスタで検索した氏名を表示させたいのですが、エラーが出てしまい、煮詰まってしまいました。 エラーを解決する方法をどうかご教授ください。 【エラー】 document.getElementById("emp_no") is null ※emp_noがなぜ取得出来ないのかが分かりません。。。 【sample1.htm】 <script type="text/javascript" src="funcs.js"></script> <script type="text/javascript" > //<![CDATA[ function getEmpName(){ var emp_no = document.getElementById("emp_no").value; var emp_name; var httpObj = getHttpObject(); httpObj.open("GET", "sample1.php?emp_no=" + emp_no); httpObj.send(null); httpObj.onreadystatechange = function(){ if(httpObj.readystate == 4){ if(httpObj.status == 200){ emp_name = httpObj.responseText; document.getElementById("emp_name").value = emp_name; } } } } //]]> </script> <tr> <td>従業員番号：<input type="text" name="emp_no" onblur="getEmpName();" /></td> <td>従業員氏名：<input type="text" name="emp_name" id="emp_name" /> 【funcs.js】 function getHttpObject() { var xmlhttp; if (window.ActiveXobject){ try { xmlhttp = new ActiveXobject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } }else if (window.XMLHttpRequest) { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp = false; } } return xmlhttp; } function addListener(eSrc, eType, eFunc, cap) { if(eSrc.attachEvent) { eSrc.attachEvent('on' + eType, eFunc); }else if(eSrc.addEventListener) { eSrc.addEventListener(eType, eFunc, cap); }else { alert('No support on your Browser'); return false; } } 【sample1.php】 <?php $emp_no = $_GET["emp_no"]; //データベースへ接続 mysql_query("set names utf8"); $result = mysql_query("select * from *** where *** = '$emp_no'"); $row=mysql_fetch_array($result, MYSQL_ASSOC); echo $row["emp_name"]; ?> 長々とソースを記載してしまい申し訳ございませんがどうぞ宜しくお願い致します。 補足 エラー表示された環境はFirebugになります。 どうぞ宜しくお願い致します。

いつもお世話になっております。 Google Mapsを利用し、同マップ内でそれぞれのアイコンの表示・非表示を切り替えたいという要望を受けたのですが、やりかたがわからず途方に暮れています。 - 要望 ------------------------------------------- 1.Google Maps内にカテゴリ1～6に属する、デザインがちがうアイコンをそれぞれ3つずつ表示。 2.このアイコンを、カテゴリ群ごとにボタンか何かで表示・非表示を切り替える。 -------------------------------------------------- [1]に関してはできたのですが、[2]のやり方がわかりませんでした。 代替案として、カテゴリごとにGoogle Mapsを読み込むhtmlを変えて iframe内で表示するというのを出したのですが、 “同マップ上でアイコンだけ表示したり消したり”したいとの ことでした。 [1]を実現するのに使用したコードが下記になります。 (※マーカーの関するスクリプトだけ外部ファイル化し、bodyにonloadでcreateMapを読み込んでいます) ----------------------------------------------------- function createMap() { var map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.addControl(new GOverviewMapControl()); map.setCenter(new GLatLng(緯度, 経度), 13); var icon = new GIcon(); icon.image = "marker.png"; icon.shadow = "shadow.png"; icon.iconSize = new GSize(20, 34); icon.iconAnchor = new GPoint(10, 34); icon.infoWindowAnchor = new GPoint(7, 1); var icon2 = new GIcon(); icon2.image = "marker2.png"; icon2.shadow = "shadow.png"; icon2.iconSize = new GSize(20, 34); icon2.iconAnchor = new GPoint(10, 34); icon2.infoWindowAnchor = new GPoint(7, 1); var point001 = new GLatLng(緯度, 経度); var marker001 = new GMarker(point001, icon); map.addOverlay(marker001); GEvent.addListener(marker001, 'click', function() { marker001.openInfoWindowHtml('<div style="width: 300px">吹き出し<\/div>'); }); var point002 = new GLatLng(緯度, 経度); var marker002 = new GMarker(point002, icon2); map.addOverlay(marker002); GEvent.addListener(marker002, 'click', function() { marker002.openInfoWindowHtml('<div style="width: 300px">吹き出し<\/div>'); }); } ---------------------------------------------- ここまで 方法について、ご存じの方がいらっしゃったら 教えていただきたいです。 よろしくお願いいたします！

こんにちは。現在GWT勉強中なのですが、MySqlの接続で大ハマリしています。どなたかご教示ください。 環境は以下のとおりです。 GWT：1.6.4 Eclipse：3.4.2 MySQL：5.1.31 MySQLConnector/J：5.1.7 EclipseでWeb Application Projectを作成し、デフォルトで作られる「GreetingServiceImpl」クラスの「public String greetServer(String input)」の中身を以下のように変更しました。 _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ public String greetServer(String input) { String msg = ""; try { Class.forName("com.mysql.jdbc.Driver").newInstance(); String url = "jdbc:mysql://localhost/gwt_samples"; String user = "root"; String password = "root"; Connection conn = DriverManager.getConnection(url, user, password); msg = "成功"; } catch(Exception e) { msg = "失敗"; } return msg; } _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 初めはClass.forName()の行で「java.lang.ClassNotFoundException: com.mysql.jdbc.Driver」が発生していましたが、/war/WEB-INF/libにMySQLConnector/JのJARファイルを追加することで発生しなくなりました。 しかし今度は、DriverManager.getConnectionでおかしくなっているようなんですが、その行でステップ実行すると、「RPC.class」の「invokeAndEncodeResponse()」というメソッドの「catch InvocationTargetException e) 」のところまでジャンプしてしまいます。 どなたか分かる方教えてください。 また、不明点あればご指摘ください。