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/ 700 名前：nobodyさん mailto:sage [2009/01/23(金) 17:29:46 ID:???] >>699 あるframeのURLを書き換えてファイル内容を表示することが、 他のframe配下のスクリプトに影響するとは考えにくいですね。 必要最小限のシンプルなコードにしてテストすることをお勧めします。 あとAjax関係ないのであれば、ココ以外で聞いた方がいいような・・・。 701 名前：nobodyさん mailto:sage [2009/01/27(火) 23:09:57 ID:???] jquery uiのdialogって1.6rc5試してみたんだが、 dialog('close')で消しても、残ってね？ 702 名前：nobodyさん mailto:sage [2009/01/28(水) 08:19:58 ID:???] 初心者にはprototype.jsとjqueryってどっちがいい？ やりたいことは単純な要素の書き換えなんだが。 703 名前：nobodyさん mailto:sage [2009/01/28(水) 08:52:21 ID:???] 単純な書き換えなら、ライブラリを使わないのも手。 704 名前：nobodyさん [2009/01/28(水) 11:07:20 ID:mvznneH/] いざajaxと思ってすいすい作業をしていたがmultipartが使えないということが分かり絶望したorz みんなflashでアップロードやってるとかネットに出てる・・・複数指定できて便利とか でも認証で問題があるらしい。セッション管理してるから問題ないぜと一瞬思った しかしFLASHからクッキーを呼び出すとXSSで攻撃されるからだめだという話も出てる。 ああ、どうしたらいいんだ。orz そもそもFLASHを使うのってセキュリティ上、邪道じゃないのか ajaxでできないのは技術的にむずかしいからでなくて危険だから禁止にしてるってことでしょ 705 名前：nobodyさん mailto:sage [2009/01/28(水) 13:02:14 ID:???] 結局、iframeをダミーのPOST先してやる方法がいいかなと でもこれajaxじゃない・・・ただのDHTMLだ・・・ 706 名前：nobodyさん mailto:sage [2009/01/28(水) 20:16:46 ID:???] >>702 初心者なんて自称する人にライブラリなんていらんと思うｗ ただ要素の書き換えをするって程度なら グローバルに適当に関数なり変数なりガシガシ置きまくって getElementById〜set/getAttr〜とかで適当に書き換えてやる程度で十分じゃね わざわざライブラリ使うほどのもんでもないとおも 解析しながら勉強とかもやってくつもりならprototype.jsのがいいかな jQueryはよくできてるけど仕組みが少し難しいから 自称初心者が勉強するには少しばかり座敷ｒｙが高いかもしれない >>704 独り言なら日記帳へどうぞ＾ｗ＾ 707 名前：nobodyさん mailto:sage [2009/01/28(水) 20:32:43 ID:???] >>702 >>706が言ってるような自分で全部やってくって作業は クロスブラウザの面で大変だからやめた方がいいと個人的には思うな。 「あれ？何でIEでsetAttribute上手くいかないの？」とか。 覚えること少ないのはjQueryだと。ドット使ってどんどんつなげていく感じで済むし。 Prototype.jsはそれぞれのオブジェクト名と使い方を覚えていかなきゃいけない 708 名前：nobodyさん mailto:sage [2009/01/29(木) 01:02:49 ID:???] マイ糞ソフトの呪いのせいで、setAttr使おうとして今日もしばらく悩まされたぜｗ 709 名前：nobodyさん mailto:sage [2009/01/29(木) 02:50:54 ID:???] マイクロソフトの実装で悩むのは末尾コンマだけでおなかいっぱいです。 710 名前：nobodyさん mailto:sage [2009/01/29(木) 05:11:13 ID:???] >>702 俺も707に同意。初心者だからライブラリ使うんでしょ。まぁプロでもだが。 getElementById〜set/getAttr〜 を書いてクロスブラウザ対策するのと、 $('hoge').innerHTML = 'hoge'; と書くの、どちらが楽か考えればわかる。 今後jquery のが発展しそうだからそっち使った方がいいよ。 711 名前：nobodyさん mailto:sage [2009/01/29(木) 20:06:49 ID:???] まあ規模にもよるわな 712 名前：nobodyさん mailto:sage [2009/01/31(土) 13:39:15 ID:???] >>706,707,710 みなさん回答ありがとう！ とりあえずjQuery使ってみます。 713 名前：nobodyさん [2009/02/03(火) 10:45:11 ID:B7SnZ0Q0] くだすれajaxでレスつかなそうなので移動してきました。 -------------------------------------- jQuery UI を使ってgoogle map のようにドラッグして表示位置を変えられるフィールドを作りたいのですが、ちょっと困っていることがあります。 <div id="dd"> <div style="background-image: url('sample1,png'); width:2000px; height:500px"></div> <div style="background-image: url('sample2,png'); width:2000px; height:1500px"></div> </div> <script type="text/javascript"> $('#dd').draggable(); </script> みたいな感じなのですが、これを実装するととりあえずドラッグアンドドロップはできました。 しかし、width :2000px とあるように、画面をはみ出る大きさの<div>要素をドラッグしようとしているのですが、例えば、ずっと左上に向けてドラッグしていって、 一番右下(2000px 2000px)が表示領域に表示されたら、それ以上左上にドラッグできないようにしたいのです。他の三方の場合もまた然りです。 現状では、一番端まで行ってもドラッグでき、その先の何もない部分まで表示されてしまうのですが、これが表示されないように&ドラッグできなくなるようにしたいのです。 どなたかアドバイスいただけたら幸いですｍ(_ _)ｍ --------------------------------------------- 714 名前：nobodyさん mailto:sage [2009/02/03(火) 11:03:57 ID:???] >>713 プラグインにそういう機能がないのなら改造するしかないのでは？ 私はjQuery使わずにDragでも何でも自作するタイプなので、参考にならない かもしれませんが、あなたのしたいことは割と簡単に出来るたぐいですよ 715 名前：nobodyさん mailto:sage [2009/02/03(火) 12:22:09 ID:???] >>713はマルチポスト 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 のことね。

---

---

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

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