Ajaxでも語りませんか Rigel4
■ このスレッドは過去ログ倉庫に格納されています
0001nobodyさん
2006/12/22(金) 10:40:13ID:Tqrhab4v↓
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 http://pc8.2ch.net/test/read.cgi/php/1110287963/
2 http://pc8.2ch.net/test/read.cgi/php/1134214341/
3 http://pc8.2ch.net/test/read.cgi/php/1147750917/
0663nobodyさん
2008/09/02(火) 20:52:26ID:4aUDg2rdhttp://jp.techcrunch.com/archives/20080901meet-chrome-googles-windows-killer/
0664nobodyさん
2008/09/02(火) 23:28:56ID:???0666nobodyさん
2008/09/03(水) 02:27:43ID:???0667nobodyさん
2008/09/03(水) 11:08:40ID:???これ表示が結構速いらしいな。IEの4倍とか。
JavaScriptでV8とかいう技術を使ってるらしいが、何なんだろうな。
0668nobodyさん
2008/09/03(水) 11:39:10ID:???0669nobodyさん
2008/09/03(水) 16:07:51ID:roB79MS1http://japan.cnet.com/story_media/20379766/chrome_subbenchmark_460x355.jpg
http://builder.japan.zdnet.com/news/story/0,3800079086,20379766,00.htm
0670nobodyさん
2008/09/03(水) 18:27:10ID:???「V8」エンジンに込めた高速化の願い、Google Chromeの狙いとは
「Google Chrome」ブラウザ公開は、複雑性を増すWeb環境のパフォーマンス向上が狙いだったと、プロジェクト担当者が説明した。
http://www.itmedia.co.jp/enterprise/articles/0809/03/news051.html
0671nobodyさん
2008/09/03(水) 18:28:51ID:???アプソン氏は説明。「既存の処理性能を何倍にも高速化することに注力し、今後のWeb世界での標準になることを目指したものだ」(同氏)
0672nobodyさん
2008/09/04(木) 07:06:13ID:???実務では、DOM のレンダリングやネットワークアクセスが遅いから
それに引っ張られて V8 自体の効率はあまり関係無くなる感じ。
しかし、これだけ早いエンジンが BSD で出てきたら、
ちょっとうちのエンジンにスクリプト言語として組み込んでみようか、てのは有り得るかも。
V8 って名前がブランドになるかも知れないし。
JSON もそうだけど、主体が DOM から JavaScript になってきた感じ。
0673nobodyさん
2008/09/05(金) 02:05:44ID:???ただ、処理量の多いやつだとかなり早いのは確か。
普通に使う分には飛びぬけて早くもない。
0674nobodyさん
2008/09/05(金) 09:48:48ID:???−悪質ファイルを意図せず実行する危険性、対策は設定変更−
http://itpro.nikkeibp.co.jp/article/NEWS/20080904/314175/
だってよ。
0675nobodyさん
2008/09/05(金) 21:29:48ID:???0677nobodyさん
2008/11/01(土) 20:22:14ID:???VBライクな開発出来そうなのがいいな
でも資料少なすぎ
Dojoとかもっと良さそうだけど敷居高すぎ
英語わからんわ
0678nobodyさん
2008/11/11(火) 22:09:43ID:???0679nobodyさん
2008/12/18(木) 16:58:44ID:yc+rNnSdどういうのがスマート?
とりあえず今は値を「,」で繋げた文字列をPOSTして
phpで分解して処理してるんだけど。
0680nobodyさん
2008/12/18(木) 17:11:58ID:???0681nobodyさん
2008/12/18(木) 18:39:02ID:yc+rNnSdあ、すごいゴメン。
javascriptで送信するんす。
0682nobodyさん
2008/12/18(木) 20:32:51ID:???0683nobodyさん
2008/12/19(金) 13:09:18ID:???0684nobodyさん
2008/12/19(金) 13:16:41ID:???こういうの使わないの?
http://www.prototypejs.org/api/form/serialize
var hoge = new Array("apple", "banana", "carrot");
0685nobodyさん
2008/12/19(金) 13:19:13ID:???自分はprototype.jsのシリアライズ使っちゃうけど、以前は
var hoge = new Array("apple", "banana", "carrot");
var _hoge = hoge.join(",");
で、コンマ区切り文字列として送信。
PHP側で、
$hoge = explode(",", $_POST['hoge']);
0686nobodyさん
2008/12/20(土) 13:44:29ID:???0687nobodyさん
2008/12/20(土) 16:51:47ID:???0688nobodyさん
2008/12/29(月) 19:24:29ID:???UI/Datepicker - jQuery JavaScript Library
http://docs.jquery.com/UI/Datepicker
これを使っているのですが、カレンダーのポップアップがアニメーションでの
ろのろ表示されてわずらわしいのです。もっと一瞬で表示できるようにならな
いでしょうか?
$.datepicker.setDefaults({
showAnim: 'slideDown',
speed: 'fast'
});
この辺の設定が問題のような気がしますが、どういう値にしたら良いか分かり
ません。
0689nobodyさん
2008/12/29(月) 20:12:28ID:???jQuery UI - Functional demos
http://ui.jquery.com/repository/tags/latest/demos/functional/#ui.datepicker
ここの"Animations"という項目です。
$("#anim").datepicker({
duration: "",
});
そして >>688の項目を全部、取り除くと、すばやく動くようになりました。
0690nobodyさん
2008/12/31(水) 23:05:07ID:???911では小型の水爆が使用されている。
http://ri■ch■ardkosh■im■izu.at.webry.info/
創価の保険金殺人事件。
オウム事件は、統一・創価.北朝鮮の共同犯行である。CIAが監修している。
http://www15.ocn.ne.jp/~oy■ako■don/kok_web■site/ir■iguc■hi.htm
与党も野党もメディアも全部朝鮮人だった。
http://jb■bs.li■vedo■or.jp/b■bs/read.cgi/news/20■92/115794■1306/
2ちゃんねるは統一■教会が個人情報を集めるための道具。運営には統一■教会がいる。
駅前で「手相を見せてください」と勧誘してるのが統一教■会。(カルト宗教)
カルト宗教の下にいる人と上にいる奴を分けて考えないといけない。下にいる利用される人は上がどんなことをしてるか知らない。
ユダヤ権力の子分→2ちゃん運営=統一協会上層部=層化上層部=自民党清和会=野党の朝鮮人ハーフの政治家=
与党の朝鮮人ハーフの政治家=金 正日(キム・ジョンイル )=読売サンケイ=小沢十朗
ユダヤ人=ロックフェラー=ブッシュ=クリントン=ヒラリー=アドルフ・ヒトラー=オサマ・ビンラディン
毎日新聞スレを荒らしてる奴らも統■一教会の可能性が高い。
荒らしは洗脳するために「ネトウヨ」などのレッテル付けレスを何千回もする。
現実には「ネトウヨ」などは存在しない。
http://changi.2ch.net/test/read.cgi/ms/1230363385/
0691nobodyさん
2009/01/18(日) 21:08:38ID:RWI8lZ6907年にAJAXを使った大手企業が作ったシステム(グループウェア)
を検証したが、遅すぎてつかえたものじゃなかった。
IE7使えとかは無しだぞ。
0692nobodyさん
2009/01/18(日) 22:15:19ID:???リクエストを頻繁に送るなってことかいな
0693nobodyさん
2009/01/19(月) 10:06:29ID:???言ってる意味がわからないけど、普通Ajaxの実行速度ってネットワークにかかわってくるんじゃないの?
あと、ただでさえ重いIE7を引き合いに出してるのはなんで?
0694nobodyさん
2009/01/19(月) 10:56:16ID:???実行速度はサーバに処理させる内容による。ブラウザはあまり関係ない。
下手なSEだったら、Ajax使おうが使うまいが体感速度は改善しないよ。
0695nobodyさん
2009/01/19(月) 13:02:27ID:???JavaScriptの実行性能が特に重要。
同じマシンで、GmailをIEとFireFoxの両方で動かしてみ。
JavaScriptの実行性能の違いでどれだけ変わるかを体感できるから。
0696nobodyさん
2009/01/19(月) 13:57:11ID:???0697nobodyさん
2009/01/23(金) 11:14:53ID:???jQueryを複数のFrameで利用している状態において、
Content-Disposition: inline:(ファイル名)で画面に表示を行おうとするとJavaScriptのエラーが発生してしまいます。
自分で調べることができたのは jQuery内で document変数にアクセスした時点で「インターフェイスがサポートされていません。」
と、引っかかっているようでした。
環境はIE7、jQuery1.3.1 です。
同じような現象にあった方がいらっしゃれば教えていただけますか?
またこの時だけjQueryの動きを無効にできればそちらでもありがたいです。
0698nobodyさん
2009/01/23(金) 12:04:15ID:???状況が飲み込めませんが、content-dispositionを使わなければよいのでは?
そのようなデータをAjaxで取得しようとするのは、何か違和感を感じます。
0699nobodyさん
2009/01/23(金) 14:12:57ID:???レスありがとうございます。
ファイル表示にはAjaxを用いていません。ファイル表示用のサーブレットにキックしてそこで
content-disposition inline:〜でファイル表示を行っています。
ただファイル表示以外のFrameではjQueryを使用している状態です。
ここから空想ですが、jQueryを使用しているFrameで他のFrameであろうが
documentを取得しようとするためエラーが発生しているのではないかと思っています。
0700nobodyさん
2009/01/23(金) 17:29:46ID:???あるframeのURLを書き換えてファイル内容を表示することが、
他のframe配下のスクリプトに影響するとは考えにくいですね。
必要最小限のシンプルなコードにしてテストすることをお勧めします。
あとAjax関係ないのであれば、ココ以外で聞いた方がいいような・・・。
0701nobodyさん
2009/01/27(火) 23:09:57ID:???dialog('close')で消しても、残ってね?
0702nobodyさん
2009/01/28(水) 08:19:58ID:???やりたいことは単純な要素の書き換えなんだが。
0703nobodyさん
2009/01/28(水) 08:52:21ID:???0704nobodyさん
2009/01/28(水) 11:07:20ID:mvznneH/みんなflashでアップロードやってるとかネットに出てる・・・複数指定できて便利とか
でも認証で問題があるらしい。セッション管理してるから問題ないぜと一瞬思った
しかしFLASHからクッキーを呼び出すとXSSで攻撃されるからだめだという話も出てる。
ああ、どうしたらいいんだ。orz
そもそもFLASHを使うのってセキュリティ上、邪道じゃないのか
ajaxでできないのは技術的にむずかしいからでなくて危険だから禁止にしてるってことでしょ
0705nobodyさん
2009/01/28(水) 13:02:14ID:???でもこれajaxじゃない・・・ただのDHTMLだ・・・
0706nobodyさん
2009/01/28(水) 20:16:46ID:???初心者なんて自称する人にライブラリなんていらんと思うw
ただ要素の書き換えをするって程度なら
グローバルに適当に関数なり変数なりガシガシ置きまくって
getElementById〜set/getAttr〜とかで適当に書き換えてやる程度で十分じゃね
わざわざライブラリ使うほどのもんでもないとおも
解析しながら勉強とかもやってくつもりならprototype.jsのがいいかな
jQueryはよくできてるけど仕組みが少し難しいから
自称初心者が勉強するには少しばかり座敷ryが高いかもしれない
>>704
独り言なら日記帳へどうぞ^w^
0707nobodyさん
2009/01/28(水) 20:32:43ID:???>>706が言ってるような自分で全部やってくって作業は
クロスブラウザの面で大変だからやめた方がいいと個人的には思うな。
「あれ?何でIEでsetAttribute上手くいかないの?」とか。
覚えること少ないのはjQueryだと。ドット使ってどんどんつなげていく感じで済むし。
Prototype.jsはそれぞれのオブジェクト名と使い方を覚えていかなきゃいけない
0708nobodyさん
2009/01/29(木) 01:02:49ID:???0709nobodyさん
2009/01/29(木) 02:50:54ID:???0710nobodyさん
2009/01/29(木) 05:11:13ID:???俺も707に同意。初心者だからライブラリ使うんでしょ。まぁプロでもだが。
getElementById〜set/getAttr〜
を書いてクロスブラウザ対策するのと、
$('hoge').innerHTML = 'hoge';
と書くの、どちらが楽か考えればわかる。
今後jquery のが発展しそうだからそっち使った方がいいよ。
0711nobodyさん
2009/01/29(木) 20:06:49ID:???0713nobodyさん
2009/02/03(火) 10:45:11ID:B7SnZ0Q0--------------------------------------
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)が表示領域に表示されたら、それ以上左上にドラッグできないようにしたいのです。他の三方の場合もまた然りです。
現状では、一番端まで行ってもドラッグでき、その先の何もない部分まで表示されてしまうのですが、これが表示されないように&ドラッグできなくなるようにしたいのです。
どなたかアドバイスいただけたら幸いですm(_ _)m
---------------------------------------------
0714nobodyさん
2009/02/03(火) 11:03:57ID:???プラグインにそういう機能がないのなら改造するしかないのでは?
私はjQuery使わずにDragでも何でも自作するタイプなので、参考にならない
かもしれませんが、あなたのしたいことは割と簡単に出来るたぐいですよ
0716712
2009/02/06(金) 15:34:00ID:o/GHzhmK0717nobodyさん
2009/02/06(金) 21:06:08ID:???0718nobodyさん
2009/02/07(土) 01:26:26ID:???デバッグ環境が欲しい・・・。
0719nobodyさん
2009/02/07(土) 01:37:52ID:???0721nobodyさん
2009/02/07(土) 11:19:26ID:???もうわからないからやめちまえよ
0722nobodyさん
2009/02/10(火) 02:35:03ID:???ajaxを学びたいです。ただJavaScriptは分からないので今から一緒に学びたいと思います。
ただ、XMLhttpRequestのオブジェクト生成云々でブラウザによって挙動が違うというのが
めんどくさいので、はなからprototype.jsやjQueryを使ったものを作りたいと思います。
そういったものを学ぶのにいいサイトや書籍はありませんでしょうか?
0723nobodyさん
2009/02/10(火) 05:48:23ID:???0724nobodyさん
2009/02/10(火) 23:12:32ID:???本当にPHPで一通りのことができるくらいのスキルあるなら難しい事もないっしょ
どっちも簡単だし
0725nobodyさん
2009/02/11(水) 15:55:20ID:???俺でもわかったんだから
0726nobodyさん
2009/02/11(水) 19:04:20ID:???賢いお前と一緒にするな
0727nobodyさん
2009/02/13(金) 00:36:13ID:???0728nobodyさん
2009/02/16(月) 23:47:53ID:???$("#id").defaultVal()
みたいなの出来ないの?
0730nobodyさん
2009/02/17(火) 00:40:56ID:???失礼しました。
if(this.value == this.defaultValue){
処理
}
↑これを↓みたいにしたいんです
if($("#id").val() == $("#id").defaultVal()){
処理
}
0731nobodyさん
2009/02/17(火) 01:01:59ID:???0732nobodyさん
2009/02/17(火) 11:19:14ID:???なんだろう。一生懸命説明してくれようとしてることは伝わるんだけど、
何でそれをやりたいかが全く見えてこないな。
上の書き方だと嫌な理由とか下の書き方だとメリットがあるだとかを書かないと。
0733nobodyさん
2009/02/17(火) 12:36:33ID:???入力フォームに入力されているカレントな値と
入力フォームにデフォルトで設定されていた値が同じ時に
何か実行したいの?
0735nobodyさん
2009/02/21(土) 01:34:06ID:???open("GET", "test.txt",false);
という風にしたときに、
onreadystatechangeで指定した処理に入ってこないんですけど、
send(null)したあとに、
readyStateとかstatusとか判別せずに、
そのままresponseTextの値とか使えってことですか?
0736nobodyさん
2009/02/22(日) 01:04:45ID:???日記ボタンがクリックされたらブラウザのアドレス欄が
http://xxx.yyy.zzz/foo.php?act=bar
みたいな感じになるようにしたいんですけども。
0737nobodyさん
2009/02/22(日) 02:10:11ID:???0738nobodyさん
2009/02/22(日) 02:14:22ID:???たとえば、今見てるページの情報をGETで仕込んでおいて
どっかにURL張られたりしてもそのページを表示できるようにしたいんです。
GETで仕込んでおかないとアクセスがある度に
トップページを表示することになっちゃうじゃないですか。
0739nobodyさん
2009/02/22(日) 02:24:54ID:???0740nobodyさん
2009/02/22(日) 02:36:30ID:???なるほど!それは思いつきませんでした。
たしかにそういうリンク置いてありますね。
ありがとうございます!
ページ遷移させないってのは存外に難しいもんですねぇ
0741nobodyさん
2009/02/24(火) 06:32:07ID:???あるタブ内に入力フォームが存在する時、タブを切り替えたタイミングで
そのフォームをサブミットしてDBに情報を登録、
次のタブを表示することって可能でしょうか?
0742nobodyさん
2009/02/24(火) 14:33:15ID:???0743nobodyさん
2009/02/24(火) 19:41:13ID:???タブを切り替えるって処理のときにフォーム値をDBに保存すればいいだけじゃん
本気で>>742の疑問に答えてほしいw
なんで可能か不可能かを聞いたのか、純粋に疑問
0744nobodyさん
2009/02/24(火) 21:48:24ID:???scriptからtoggleのアクションを一回発動させるなんてことは可能でしょうか?
$('#hoge').toggle(A,B)でclickされたときの処理を二つ書いているとして、
それぞれのfunctionの中でCoolieに「Aしたよ」「Bしたよ」という情報を書き込みます。
で、次回ブラウザ更新時などに、Cookieの状態をみて、
Aだった場合は、一度クリックしたという動作をさせたいんですが、
どのようにすればよいかわかりません。
単にCookieを見て、Aと同じ処理をすれば見た目上はうまくいくんですが、
この場合、toggleをクリックしても1回目は反応しません。
(Aを二度実行したことになるようで)2回目クリックして初めてtoggleがききます。
何か方法があればご教授ください。
0745nobodyさん
2009/02/25(水) 01:13:33ID:???0746nobodyさん
2009/02/25(水) 20:21:38ID:???コードを直接弄れるんだからわざわざユーザ操作と同じようにして実行させる意味ないじゃん
クッキーに情報があったらA処理をすれば見た目がうまく行くけど
状態が変更してないから一回目の処理が実行されないのが問題だっていうのなら
A処理とあわせて、クリック後の状態が初期状態になるような処理も
あわせて用意すればいいだけじゃないの
ところで、toggleの引数って
> toggle(switch)
> toggle(speed, [callback])
どっちかじゃないの?
AB二つってのはCallback関数を2つ指定すんの?
0747nobodyさん
2009/02/25(水) 20:28:33ID:???下5行はわすれてください
まぁ、まずはじめにクッキーの状態をみてから
要素にtoggleを追加すればいいだけだと思うよ
AB2つしかないなら、Aが終わってるなら $(#hoge).toggle(B,A)として、
それ以外なら $(#hoge).toggle(A,B) とすりゃいい
0748nobodyさん
2009/02/27(金) 21:49:23ID:???$(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>
人口でソートしようとすると、「,」が有るとそこまでの数値でソートされてしまいます。
山梨 >東京 > 神奈川 > 埼玉 という順番で。
良い方法ないでしょうか?
0749748
2009/02/27(金) 23:05:45ID:???jquery.tablesorter.js(2.0.3)の660行目を
var i = parseFloat(s);
↓
var i = parseFloat(s.replace(/,/g,''));
0750nobodyさん
2009/03/01(日) 01:22:02ID:???XMLファイルから読み込んだデータを元にして、
jQuery UIのaccordionを動的に生成するにはどうすればいいのでしょうか。
自分で書いてみましたが、動的に生成したaccordionはうまく動作しませんでした。
webブラウザはFirefox3です。
ttp://sageuploader.if.land.to/cgi-bin/1upload/src/sage1_9027.zip.html
0751nobodyさん
2009/03/01(日) 02:19:03ID:???0752nobodyさん
2009/03/01(日) 04:39:04ID:???$('img').loadがIEで作動しません。
調べたところ
http://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');
これでも動かず。
アドバイスいただけますでしょうか?
0753752
2009/03/01(日) 04:46:10ID:???↓で何とか期待通りの動作はできました。
何か微妙ですんで、もっといい方法がありましたらお教えください。
window.setTimeout(
function(){
$('img').each(function(){
if ($(this).width()) {
alert('loaded');
}
});
}
,100
);
0754752
2009/03/01(日) 04:48:50ID:???clearTimeout()してないので、これは追加します。
0755nobodyさん
2009/03/07(土) 20:28:28ID:???JScript側でなんとかするしかないんかねこれ
0757nobodyさん
2009/03/08(日) 05:43:59ID:???まずは取得したのをtextでtextareaに吐いたりAlertに吐いたりして
正しい値が取得できてんのか確認するところからだな
0758nobodyさん
2009/03/24(火) 16:03:44ID:???DOMがロードされてから実行するんだ。
$(document).ready(function(){
処理
});
0759nobodyさん
2009/04/02(木) 18:12:24ID:???マウスだけでフォームを作れる
ttp://wufoo.com/
ttp://docs.google.com/
みたいなので、ソースを公開しているものありませんか?
0760nobodyさん
2009/04/03(金) 00:36:01ID:???■ このスレッドは過去ログ倉庫に格納されています