Ajaxでも語りませんか Rigel4

1 名前：nobodyさん [2006/12/22(金) 10:40:13 ID:Tqrhab4v] Google Suggest ↓ Google Maps ↓ もう Ajax って呼んじゃおうぜ adaptive path ≫ ajax: a new approach to web applications ttp://www.adaptivepath.com/publications/essays/archives/000385.php 邦訳 ttp://antipop.zapto.org/docs/translations/ajax.html AJAX - MDC ttp://developer.mozilla.org/en/docs/AJAX 作って理解するAjax (1)：IT Pro ttp://itpro.nikkeibp.co.jp/article/COLUMN/20051104/224040/ 作って理解するAjax (2)：IT Pro ttp://itpro.nikkeibp.co.jp/article/COLUMN/20051125/225193/ 過去スレ 1　pc8.2ch.net/test/read.cgi/php/1110287963/ 2　pc8.2ch.net/test/read.cgi/php/1134214341/ 3　pc8.2ch.net/test/read.cgi/php/1147750917/ 716 名前：712 [2009/02/06(金) 15:34:00 ID:o/GHzhmK] containment を使うことでなんとかなりました。ありがとうございましたm(_ _)m 717 名前：nobodyさん mailto:sage [2009/02/06(金) 21:06:08 ID:???] jqueryでイエローフェードしたいんだが、fadeINとfadeOutでいけるかな？ 718 名前：nobodyさん mailto:sage [2009/02/07(土) 01:26:26 ID:???] 今趣味でAjaxの勉強してるんだけど、JavaScriptが意味分からん。 デバッグ環境が欲しい・・・。 719 名前：nobodyさん mailto:sage [2009/02/07(土) 01:37:52 ID:???] 勉強しろよ 720 名前：nobodyさん mailto:sage [2009/02/07(土) 09:02:59 ID:???] >>718 firebug使ってろ 721 名前：nobodyさん mailto:sage [2009/02/07(土) 11:19:26 ID:???] 何がどうわからないかすらわからないな もうわからないからやめちまえよ 722 名前：nobodyさん mailto:sage [2009/02/10(火) 02:35:03 ID:???] HTMLとCSSとPHPでひととおりのことができるのですが、 ajaxを学びたいです。ただJavaScriptは分からないので今から一緒に学びたいと思います。 ただ、XMLhttpRequestのオブジェクト生成云々でブラウザによって挙動が違うというのが めんどくさいので、はなからprototype.jsやjQueryを使ったものを作りたいと思います。 そういったものを学ぶのにいいサイトや書籍はありませんでしょうか？ 723 名前：nobodyさん mailto:sage [2009/02/10(火) 05:48:23 ID:???] HTMLとCSSとPHPでちゃんとしたものができてからのほうがいいかと 724 名前：nobodyさん mailto:sage [2009/02/10(火) 23:12:32 ID:???] ある程度わかるなら適当にぐぐって見つけたサイト参考にするだけで十分じゃね 本当にPHPで一通りのことができるくらいのスキルあるなら難しい事もないっしょ どっちも簡単だし 725 名前：nobodyさん mailto:sage [2009/02/11(水) 15:55:20 ID:???] ｊQueryでぐぐって頭から見まくればすぐわかるよ 俺でもわかったんだから 726 名前：nobodyさん mailto:sage [2009/02/11(水) 19:04:20 ID:???] > 俺でもわかったんだから 賢いお前と一緒にするな 727 名前：nobodyさん mailto:sage [2009/02/13(金) 00:36:13 ID:???] オレもｊQuery覚えたい 728 名前：nobodyさん mailto:sage [2009/02/16(月) 23:47:53 ID:???] jQueryって $("#id").defaultVal() みたいなの出来ないの？ 729 名前：nobodyさん mailto:sage [2009/02/17(火) 00:17:13 ID:???] >>728 何がやりたいか書けよ 730 名前：nobodyさん mailto:sage [2009/02/17(火) 00:40:56 ID:???] >>729 失礼しました。 if(this.value == this.defaultValue){ 処理 } ↑これを↓みたいにしたいんです if($("#id").val() == $("#id").defaultVal()){ 処理 } 731 名前：nobodyさん mailto:sage [2009/02/17(火) 01:01:59 ID:???] ぜんぜん意味がわからん 732 名前：nobodyさん mailto:sage [2009/02/17(火) 11:19:14 ID:???] >>730 なんだろう。一生懸命説明してくれようとしてることは伝わるんだけど、 何でそれをやりたいかが全く見えてこないな。 上の書き方だと嫌な理由とか下の書き方だとメリットがあるだとかを書かないと。 733 名前：nobodyさん mailto:sage [2009/02/17(火) 12:36:33 ID:???] >>730 入力フォームに入力されているカレントな値と 入力フォームにデフォルトで設定されていた値が同じ時に 何か実行したいの？ 734 名前：nobodyさん mailto:sage [2009/02/17(火) 18:36:18 ID:???] >>733 そうです！ 説明が下手ですいません。 735 名前：nobodyさん mailto:sage [2009/02/21(土) 01:34:06 ID:???] Firefoxで open("GET", "test.txt",false); という風にしたときに、 onreadystatechangeで指定した処理に入ってこないんですけど、 send(null)したあとに、 readyStateとかstatusとか判別せずに、 そのままresponseTextの値とか使えってことですか？ 736 名前：nobodyさん mailto:sage [2009/02/22(日) 01:04:45 ID:???] ページの遷移なしでブラウザのアドレスのGET値の書き換えって出来ますか？ 日記ボタンがクリックされたらブラウザのアドレス欄が xxx.yyy.zzz/foo.php?act=bar みたいな感じになるようにしたいんですけども。 737 名前：nobodyさん mailto:sage [2009/02/22(日) 02:10:11 ID:???] 何のためにそんなことを？ 738 名前：nobodyさん mailto:sage [2009/02/22(日) 02:14:22 ID:???] >>737 たとえば、今見てるページの情報をGETで仕込んでおいて どっかにURL張られたりしてもそのページを表示できるようにしたいんです。 GETで仕込んでおかないとアクセスがある度に トップページを表示することになっちゃうじゃないですか。 739 名前：nobodyさん mailto:sage [2009/02/22(日) 02:24:54 ID:???] >>738 ページが変わらないけど内容が変化し、その変化した内容に直リンさせ たい、という話だな? Googleマップみたいに、「このページに到達できるURL」を用意すれば いいと思う。 740 名前：nobodyさん mailto:sage [2009/02/22(日) 02:36:30 ID:???] >>739 なるほど！それは思いつきませんでした。 たしかにそういうリンク置いてありますね。 ありがとうございます！ ページ遷移させないってのは存外に難しいもんですねぇ 741 名前：nobodyさん mailto:sage [2009/02/24(火) 06:32:07 ID:???] jQuery UIのtabについて質問です。 あるタブ内に入力フォームが存在する時、タブを切り替えたタイミングで そのフォームをサブミットしてDBに情報を登録、 次のタブを表示することって可能でしょうか？ 742 名前：nobodyさん mailto:sage [2009/02/24(火) 14:33:15 ID:???] なんでできないと思ったの？ 743 名前：nobodyさん mailto:sage [2009/02/24(火) 19:41:13 ID:???] jQueryUIとやらはつかったことないけど タブを切り替えるって処理のときにフォーム値をDBに保存すればいいだけじゃん 本気で>>742の疑問に答えてほしいｗ なんで可能か不可能かを聞いたのか、純粋に疑問 744 名前：nobodyさん mailto:sage [2009/02/24(火) 21:48:24 ID:???] jqueryで質問させてください。 scriptからtoggleのアクションを一回発動させるなんてことは可能でしょうか？ $('#hoge').toggle(A,B)でclickされたときの処理を二つ書いているとして、 それぞれのfunctionの中でCoolieに「Aしたよ」「Bしたよ」という情報を書き込みます。 で、次回ブラウザ更新時などに、Cookieの状態をみて、 Aだった場合は、一度クリックしたという動作をさせたいんですが、 どのようにすればよいかわかりません。 単にCookieを見て、Aと同じ処理をすれば見た目上はうまくいくんですが、 この場合、toggleをクリックしても1回目は反応しません。 (Aを二度実行したことになるようで)2回目クリックして初めてtoggleがききます。 何か方法があればご教授ください。 745 名前：nobodyさん mailto:sage [2009/02/25(水) 01:13:33 ID:???] $('#hoge').click() 746 名前：nobodyさん mailto:sage [2009/02/25(水) 20:21:38 ID:???] なんで表示後にクリックをさせたことにして処理を実行させようとするのよ コードを直接弄れるんだからわざわざユーザ操作と同じようにして実行させる意味ないじゃん クッキーに情報があったらA処理をすれば見た目がうまく行くけど 状態が変更してないから一回目の処理が実行されないのが問題だっていうのなら A処理とあわせて、クリック後の状態が初期状態になるような処理も あわせて用意すればいいだけじゃないの ところで、toggleの引数って > toggle(switch) > toggle(speed, [callback]) どっちかじゃないの？ AB二つってのはCallback関数を2つ指定すんの？ 747 名前：nobodyさん mailto:sage [2009/02/25(水) 20:28:33 ID:???] あ、ごめん勘違い 下5行はわすれてください まぁ、まずはじめにクッキーの状態をみてから 要素にtoggleを追加すればいいだけだと思うよ AB2つしかないなら、Aが終わってるなら $(#hoge).toggle(B,A)として、 それ以外なら $(#hoge).toggle(A,B) とすりゃいい 748 名前：nobodyさん mailto:sage [2009/02/27(金) 21:49:23 ID:???] jQueryのプラグインのjquery.tablesorter.jsで表をソートしようとしています。 $(document).ready(function() { 　$("#hoge").tablesorter({ 　　headers: { 　　　1: { sorter: "digit" } 　　} 　}); }); <table id="hoge" class="tablesorter"> 　<thead> 　　<tr><th>都道府県</th><th>人口</th></tr> 　</thead> 　<tbody> 　　<tr><td>東京</td><td>12,570,904</td></tr> 　　<tr><td>神奈川</td><td>8,790,900</td></tr> 　　<tr><td>埼玉</td><td>7,053,689</td></tr> 　　<tr><td>山梨</td><td>884,531</td></tr> 　</tbody> </table> 人口でソートしようとすると、「,」が有るとそこまでの数値でソートされてしまいます。 山梨 >東京 > 神奈川 > 埼玉 という順番で。 良い方法ないでしょうか？ 749 名前：748 mailto:sage [2009/02/27(金) 23:05:45 ID:???] 自己解決 jquery.tablesorter.js(2.0.3)の660行目を var i = parseFloat(s); 　　↓ var i = parseFloat(s.replace(/,/g,'')); 750 名前：nobodyさん mailto:sage [2009/03/01(日) 01:22:02 ID:???] どうしても自力で解決できないので教えてください。 XMLファイルから読み込んだデータを元にして、 jQuery UIのaccordionを動的に生成するにはどうすればいいのでしょうか。 自分で書いてみましたが、動的に生成したaccordionはうまく動作しませんでした。 webブラウザはFirefox3です。 ttp://sageuploader.if.land.to/cgi-bin/1upload/src/sage1_9027.zip.html 751 名前：nobodyさん mailto:sage [2009/03/01(日) 02:19:03 ID:???] ちゃんと書けばいいんじゃない？ 752 名前：nobodyさん mailto:sage [2009/03/01(日) 04:39:04 ID:???] jQueryで画像が読み込まれればサイズを取得して・・・・・ということをしたいのですが、 $('img').loadがIEで作動しません。 調べたところ groups.google.com/group/jquery-dev/browse_thread/thread/24b107e84adeaaee/f82dafb4b1e9ba5d?lnk=raot こういうページは見つけたんですが英語がわからず。 このページで出てくる $('<img/>').bind('load readystatechange', function(){ if (this.complete) alert('loaded'); }).attr('src',...).appendTo('body'); これでも動かず。 アドバイスいただけますでしょうか？ 753 名前：752 mailto:sage [2009/03/01(日) 04:46:10 ID:???] すいません。 ↓で何とか期待通りの動作はできました。 何か微妙ですんで、もっといい方法がありましたらお教えください。 window.setTimeout( function(){ $('img').each(function(){ if ($(this).width()) { alert('loaded'); } }); } ,100 ); 754 名前：752 mailto:sage [2009/03/01(日) 04:48:50 ID:???] 何度もすいません。 clearTimeout()してないので、これは追加します。 755 名前：nobodyさん mailto:sage [2009/03/07(土) 20:28:28 ID:???] XMLでサーバから返したレスポンス内の<br />が反映されねー JScript側でなんとかするしかないんかねこれ 756 名前：nobodyさん mailto:sage [2009/03/08(日) 02:09:04 ID:???] >>755 XMLの中から消えてるってこと？そんなことあるか？ alertとかで出すとどうなるの？ 757 名前：nobodyさん mailto:sage [2009/03/08(日) 05:43:59 ID:???] 多分なんか間違ってんだろｗ まずは取得したのをtextでtextareaに吐いたりAlertに吐いたりして 正しい値が取得できてんのか確認するところからだな 758 名前：nobodyさん mailto:sage [2009/03/24(火) 16:03:44 ID:???] >>452 DOMがロードされてから実行するんだ。 $(document).ready(function(){ 処理 }); 759 名前：nobodyさん mailto:sage [2009/04/02(木) 18:12:24 ID:???] Ajax つながりで質問させてください。 マウスだけでフォームを作れる ttp://wufoo.com/ ttp://docs.google.com/ みたいなので、ソースを公開しているものありませんか？ 760 名前：nobodyさん mailto:sage [2009/04/03(金) 00:36:01 ID:???] エスパー、エスパーはどこー 761 名前：759 mailto:sage [2009/04/03(金) 11:58:44 ID:???] >>760 759 のこと？ 何か情報足りなかったですか… 762 名前：nobodyさん mailto:sage [2009/04/03(金) 13:17:52 ID:???] >>761 おれ>>760じゃないけど、「みたいなの」って表現だけでどれのことかわかるやつは少ないと思うぞ 763 名前：759 mailto:sage [2009/04/03(金) 13:28:26 ID:???] >>762 確かにそうですね。ご指摘感謝します。 >>759 に挙げたサービスは、非プログラマな人が、 プログラム不要でマウスでカチカチして、 自由にアンケートフォームなどを作れるものなんです。 例えば、氏名欄を追加したり、好きな色や、食べ物などのフォームを作ることができます。 参考 ttp://journal.mycom.co.jp/news/2008/02/08/019/index.html これを wufoo や docs.google.com を使わず、自前でやりたいなーと。 なのでオープンソースなものがあれば嬉しいなーと。 764 名前：nobodyさん mailto:sage [2009/04/03(金) 21:59:47 ID:???] 自前で作るしかなくね 765 名前：nobodyさん mailto:sage [2009/04/04(土) 21:54:54 ID:???] エクスプローラのような左右に表示ペインがある画面で 仕切りの部分をマウスでクリックしながら動的に 表示幅を変更したいのですが、どのようにやるのでしょうか？ 参考にるようなサイトがあれば教えてください 766 名前：nobodyさん mailto:sage [2009/04/04(土) 22:00:37 ID:???] それajaxなの？ 767 名前：nobodyさん mailto:sage [2009/04/05(日) 00:27:41 ID:???] だと思うのですが、違いますかね？ 最近ブラウザベースのメールソフトとか見るのですが どうやっって変更させているのか知りたいです。 768 名前：nobodyさん mailto:sage [2009/04/05(日) 11:52:10 ID:???] ソース見てみればいいんじゃね？ 769 名前：nobodyさん mailto:sage [2009/04/05(日) 14:16:25 ID:???] フレームだったら笑えるw 770 名前：nobodyさん mailto:sage [2009/04/05(日) 14:23:43 ID:???] Ext.jsとか使えばできるよ。 771 名前：nobodyさん mailto:sage [2009/04/05(日) 16:20:45 ID:???] ようはAjaxで擬似ウィンドウつくるのと大して変わらん 772 名前：nobodyさん mailto:sage [2009/04/09(木) 01:42:02 ID:???] JQuery のResizerあたりかな 773 名前：nobodyさん mailto:sage [2009/04/16(木) 21:40:02 ID:???] オライリー ajaxデザインパターン 774 名前：nobodyさん mailto:sage [2009/05/06(水) 09:40:38 ID:???] 教えてください。 検索条件の表示先と検索結果の表示先をdivで 定義し、検索を実行すると検索結果のdivを updateするという構成の場合に、入力エラー があった場合は、検索条件のdivをupdateして 入力エラーを表示する、ということは出来るの でしょうか。 775 名前：nobodyさん mailto:sage [2009/05/06(水) 11:29:12 ID:???] Ajaxリクエストを投げてサーバ側で入力エラーを検出するのか、 クライアント側でリクエスト前に検出するのかでやることは変わるが、 可能。 776 名前：nobodyさん [2009/05/06(水) 22:40:56 ID:tCnXht+4] jqueryでAjaxを試しています。 呼び出し先のtest.phpにパラメーターを渡して 表示内容を変更したいと思います。 一応、うまく動作しているのですがjqueryらしくない感じで他の方法が思いつきません。 なにか良い方法はありませんでしょうか？ function dataView(id){ $.ajax({ type : "get", url : "./test.php", data: "id="+id, cache:false, success : function(data){ $("#view").html(data); }, error : function(){ alert("ERROR"); } }); } 訳あって<p>タグを利用しています。 <p onClick="javascript:dataView('1');">パラメーター1</p> <p onClick="javascript:dataView('2');">パラメーター2</p> <p onClick="javascript:dataView('3');">パラメーター3</p> <div id="view"></div> 777 名前：nobodyさん mailto:sage [2009/05/07(木) 10:10:20 ID:???] >>776 > jqueryらしくない感じ どんな感じか説明しないとﾚｽのしようがないと思うよ javascript:って付けるのが嫌とかなら<p>のonclickなくしてreadyとbind使うとかじゃない？ $(function(){ 　　$('p').bind('click', function(a,b,c){ 　　　　var id = /\d/.exec($(this).text())[0]; // ここは適当に 　　　　$.ajax({ 　　　　　　type : "get", 　　　　　　url : "./test.php", 　　　　　　data: "id="+id, 　　　　　　cache:false, 　　　　　　success : function(data){ 　　　　　　　　$("#view").html(data); 　　　　　　}, 　　　　　　error : function(){ 　　　　　　　　alert("ERROR"); 　　　　　　} 　　　　}); 　　}); }) <p>パラメーター1</p> <p>パラメーター2</p> <p>パラメーター3</p> 778 名前：nobodyさん mailto:sage [2009/05/08(金) 00:38:30 ID:???] >>775 サーバ側です。 教えてください。 779 名前：776 [2009/05/08(金) 00:38:37 ID:AYDdt2Ml] >>777 仰る通り、「jqueryらしくない感じ = onclick使いたくない」です。 説明が解りにくいと思いますが 1.ページにアクセス(index.phpとします) 2.phpでDBからデータ取得(abc) 3.HTML生成 (<p onClick="javascript:dataView('abc');">を動的に生成) 4.生成されたhtml(index.php)からAJAXにてtest.phpにアクセス ○イメージ <p onClick="javascript:dataView('abc');"> ↓ test.php?id=abc ↓ <div id="view"></div>を動的に変更 のような処理を考えています。 そこで「onClick="javascript:dataView('xxx');"」を生成して うまく動作しているのですが、もう少しエレガントな方法は ないかと思い質問させて頂きました。 根本的に何か間違っている気もしています。。 780 名前：nobodyさん mailto:sage [2009/05/08(金) 02:50:12 ID:???] >>778 とりあえずリクエストに対してサーバがやることは、エラーのある入力に 対してHTTPのクライアントエラー(4xx)を返すこと。 (422 Unprocessable Entity か 400 Bad Request が適当と思われる) クライアント側はリクエストの結果を受けたときにそのステータスを見る 仕組みがあるだろうから、それによって置き換えるdivを切り替え。 具体的なコードは、 * 生の XMLHttpRequest なのか何らかのライブラリ使ってるのか * サーバ側の言語は何か 少なくともこれくらいは情報がないと書けないだろう。 781 名前：nobodyさん mailto:sage [2009/05/08(金) 04:16:46 ID:???] >>779 ｊQueryObject.Click(fn)でイベント突っ込め 782 名前：nobodyさん mailto:sage [2009/05/08(金) 07:49:17 ID:???] >>780 ステータスをいじるとプロキシやブラウザが 想定外の動きをしないか不安なのですが、 ステータスで制御するしかないですか。 ＊prototypeを使ってます。 ＊PHPです。 783 名前：nobodyさん mailto:sage [2009/05/08(金) 08:29:49 ID:???] なんのためのステータスだ。 784 名前：nobodyさん mailto:sage [2009/05/08(金) 09:57:19 ID:???] >>779 ん？>>777みたいなのじゃダメなの？ 785 名前：776 [2009/05/08(金) 17:20:27 ID:AYDdt2Ml] >>779 777さんのコードはとても勉強になりました。 var id = /\d/.exec($(this).text())[0]; これでは要素の何番目をクリックしたかしかわからない のでパラメーターを渡せないと考えています。 そこで<p>にclassかidを属性を付けてパラメーターを渡せればと考えています。 <p onClick="javascript:dataView('abc');">パラメーター1</p> ↓ <p class="abc">パラメーター1</p> class名が解っていれば簡単なのですが この場合、class名が動的に生成されるので どうやって取得すれば良いか調べています。 777さんのお陰でここまで辿り着きましたが そもそも$('p').bind('click', function()でパラメーターを渡せるのか よく解らなくなってきております。 classやidをパラメーターとして利用するのは間違っている気もしております。 786 名前：nobodyさん mailto:sage [2009/05/08(金) 18:15:47 ID:???] >>785 ユニークな値ならidの方がいいと思うけどね。 var id = $(this).attr('id'); に変更して、 <p id="abc">パラメーター1</p> <p id="de">パラメーター2</p> <p id="ef">パラメーター3</p> みたいにしたらいいんじゃない？ 787 名前：776 [2009/05/09(土) 00:28:14 ID:9aQwouFi] >>786 本当ですね。idの方が良いですね。 786さんの$(this).attr('id')でid名が取得できました。 ありがとうございます。 うまくいったのでソースを載せておきます。 <script type="text/javascript"> $(document).ready(function () { 　　$('#test p').bind('click', function(){ var id = $(this).attr('id'); alert(id); 　　}); }); </script> <div id="test"> <p id="ab">パラメーター1</p> <p id="cd">パラメーター2</p> <p id="ef">パラメーター3</p> </div> 788 名前：nobodyさん mailto:sage [2009/07/07(火) 11:55:16 ID:???] jqueryの文字化け対策で ajaxSendの時にXMLHttpRequest.overrideMimeTypeを使ってるのですが IEだと正常に働きません。 IEで文字化け対策するにはどうしたらいいのですか？ 789 名前：nobodyさん mailto:sage [2009/07/07(火) 12:13:50 ID:???] 全てをUTF-8にする。 ソースのみならず、関連ファイル（text形式）全て 790 名前：nobodyさん mailto:sage [2009/07/07(火) 20:06:27 ID:???] 特に事情がないなら全部UTF-8つかっておくのが今は無難だとおも 791 名前：nobodyさん mailto:sage [2009/09/04(金) 18:47:48 ID:???] dhtmlxを使ってる方いますか？ グリッド部分の印刷で手間取っています 792 名前：nobodyさん mailto:sage [2009/09/10(木) 07:43:51 ID:???] WebでWordやExcelみたいなかっこいいアプリが作りたいのですがjQueryで作れますか？ 初心者がjQueryを学ぶのに最適な本を教えてください 793 名前：nobodyさん mailto:sage [2009/09/10(木) 23:45:54 ID:???] 1.jQueryはセレクタとか追加イベントが便利な道具 かっこいいデザイナーハウスのような犬小屋を作りたいんですが 木の板やペンキのような素材と、ノコギリとかなづちで作れますか？ っていってるようなもん プログラムの基礎ができてるなら本なんか読まなくてもウェブのリファレンスだけで十分 794 名前：nobodyさん mailto:sage [2009/09/12(土) 14:23:26 ID:???] 卒研をAjaxを利用して作りたいと思ってるのですが アイディアが浮かびません 何かありますでしょうか 795 名前：nobodyさん mailto:sage [2009/09/12(土) 16:59:06 ID:???] 卒研って卒業製作じゃないぞ 796 名前：nobodyさん mailto:sage [2009/09/12(土) 20:14:19 ID:???] 手段と目的を間違ってないか。 797 名前：nobodyさん mailto:sage [2009/09/14(月) 12:31:21 ID:???] >>794 DreamWeaverモドキを作る。 題して『ウェブブラウザ使ってビジュアルHTML編集エディタ』 ってか普通にあるけど、Ajaxを利用してというのでは最適だと思う。 判らない事あっても判例多いから調べやすい。 インターフェースや操作性を工夫すればオリジナル性も出せると思う。 頑張れ！ 798 名前：nobodyさん [2009/09/19(土) 03:48:00 ID:Ghzf+U1P] JQuery教えてください もしくは誘導してください cgiから引っ張ってきた内容の表示／非表示を切り替えたいんだがよく分からん 表示はできるけど、非表示にできない 799 名前：nobodyさん [2009/09/19(土) 03:51:29 ID:Ghzf+U1P] ほぼ、初心者です。以下表示させることはできたソース removeﾒｿｯﾄﾞだとdivごとなくなった print qq|<script type="text/javascript" src="./jquery.js"></script>|; print q|<script type="text/javascript"> jQuery(function($){ $('p').one("click",function () { var number=$(this).val(); $.ajax({ type:"GET", url: url, data:{num: number}, success: function(msg,status){ $("#msg").prepend(msg); } }); }); }); </script>|; print qq|<div id="msg">中身を表\示</div>|; print q|<p id="contentType" value="1">AjaxTest1</p>|; 800 名前：nobodyさん [2009/09/19(土) 07:26:37 ID:KT+zhTD8] ajax ややこしいし、ajax 志向で何からなにまでやろうとすると やたら重いし、総じて面倒なので、動的に動かすなら、jquery と ahah でいいや。 あ、prototype のことね。 801 名前：nobodyさん mailto:sage [2009/09/20(日) 00:08:40 ID:???] 非表示ならdisplay:noneかhiddenでいいだろ つか、ttp://semooh.jp/jquery/ こことか見て理解すらできないなら HTML、XHTML、Stylesheetあたりと、DOMとかのさわりくらいは勉強しれ 基本ができてないのにそれを操作するための道具があっても意味ないだろ なんだかサーバサイドとクライアントサイドの区別すらろくについてないようだし難しいかしら…(´･ω･`；) 802 名前：nobodyさん [2009/09/23(水) 22:14:06 ID:l9viFuyu] サーバサイドとクライアントサイドくらいはわかる ↑の例で言うと<div id="msg">の手前にcgiから引っ張ってきた内容が挿入されるんだけど それをどうやって消したものかと思ってたんだ 結局cgiからの出力の際に適当なidつけて、$("#hoge").hide()でできた 803 名前：nobodyさん mailto:sage [2009/09/27(日) 00:26:16 ID:???] Ajax.Request と、 Concurrent.Thread を使って 同期でも固まらないHTTPクライアントを作った けど、クラスの中に入れるとどうしても同期しない。 何かいい方法ないかなー。 つーか、JSでRIAできないのは、コンパクトな設計 に分散させることができない自分の不甲斐なさでは あるんだけど。 804 名前：nobodyさん mailto:sage [2009/09/28(月) 10:55:25 ID:???] >>802 id="hoge"をタグに付けなくても、 $("#msg").prev() で、その要素を取得できない？ prependで自分の前に追加したやつはprevで取得できたと思う appendならnextみたいな感じで。 805 名前：nobodyさん mailto:sage [2009/09/28(月) 22:36:18 ID:???] サーバーサイドで実行できるjqueryライクなphpオープンソース　phpquery サーバー側でHTMLをjqueryライクな書き方で整形できるよ。 code.google.com/p/phpquery/ $doc = phpQuery::newDocumentHTML("www.yahoo.co.jp/"); $html = $doc['div'] -> html(); サーバーサイド側でこんな簡単にHTMLが抜け出せる。 正規表現も使わないで済む。jqueryライクな書き方でOK 806 名前：nobodyさん [2009/09/29(火) 00:29:20 ID:oD0uVWyE] >>804 まじか そっちの方がスマートだな ありがとう 807 名前：nobodyさん mailto:sage [2009/09/29(火) 05:55:37 ID:???] 現canvas上に描かれた情報（座標や色）を受け取るにはどうしたらいいですか。 canvasに描くと同時に随時jsonに独自フォーマットで記述していくのでしょうか。 get○○的なメソッドで簡単に取り出せないものでしょうか。 808 名前：nobodyさん [2009/11/02(月) 00:57:11 ID:JG9uz1ow] JQueryについて質問です。 docs.jquery.com/UI/Dialog のダイアログに表示される文字を、画面上のあるテキストボックスに入力された値にしたいのですが、 どのようにすればよろしいのでしょうか？ function showConfirm(e) { $('#dialog').attr('title', e.name).dialog({ ・ ・ ・ <div id="dialog" title="Delete this customer?" style="display:none;"> 　<p> <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span> 現在はこの文字列が表示されています。 </p> </div> ”現在はこの文字列が表示されています。”という文字列の変わりに、フォーム上のあるテキストボックスに入力 された値を入れて表示させたいのです。 ちなみにASP.NETです。 809 名前：808 [2009/11/02(月) 02:26:07 ID:JG9uz1ow] >>808です asp:LabelとinnerHTMLで解決しました！ 810 名前：nobodyさん mailto:sage [2009/11/12(木) 21:53:40 ID:???] 初めてAjaxやるんだけど Ajaxのフレームワークってどれがおすすめ？ Eclipseにも対応してるGoogle Web Toolkitを使ってみようかと思ったけど このスレでレス抽出しても1回も出てこないし・・ 他のを使ったほうがいいの？ 811 名前：nobodyさん mailto:sage [2009/11/12(木) 22:16:16 ID:???] ほとんど全部JavaScriptで書くのか、ちょっと使うのかでも 変わってくると思う。 個人的にはExt.jsで全部書いてみたくなることがある。 812 名前：810 mailto:sage [2009/11/12(木) 23:18:59 ID:???] JavaScriptは今あんまり詳しくないし・・じゃあGWTにしよう。 サンクス 813 名前：nobodyさん mailto:sage [2009/11/13(金) 00:39:17 ID:???] GWTはもはやExtJSのラッパー ExtJSを直接使う方が速くて軽くて馬なんだが 814 名前：nobodyさん mailto:sage [2009/11/19(木) 14:33:08 ID:???] >>502付近で話題になっていることで、ちょっと嵌ったので教えてほしい 画面もレスポンスもともにUTF-8になっているにもかかわらず、 IEでresponseTextを実行しようとすると、 「c00ce56e のため〜」がでて実行できない・・・。 いろいろググってみても、 「UTF-8以外の場合出ることがある」 としか書かれてなくて、もうお手上げ状態。 ちなみにFxでは正常に表示されています。 815 名前：nobodyさん mailto:sage [2009/11/19(木) 14:51:38 ID:???] >>814 ホントにutf-8なの？全部英語だけにしても同じエラー出る？ 816 名前：nobodyさん mailto:sage [2009/11/19(木) 15:27:00 ID:???] >>815 出てます・・・。 発生環境を書いていなかったので、書いておきます。 ・PHP（Ethnaを使用） ・OSはWindowsXP（最終的にはCentOSでの稼働） ・IEのバージョンは7 Ethnaは画面表示として、Smartyを用いていますが、そこがあやしいのかも知れないです。 ただ、responseTextをする前に、getRequestHeader()でContent-Typeを見てみたら、 「text/html; charset=utf8」と返ってきているので、UTF8を出しているんだとは思うんですが・・・。

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef