09/05/08 00:38:37 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さん
09/05/08 02:50:12
>>778
とりあえずリクエストに対してサーバがやることは、エラーのある入力に
対してHTTPのクライアントエラー(4xx)を返すこと。
(422 Unprocessable Entity か 400 Bad Request が適当と思われる)
クライアント側はリクエストの結果を受けたときにそのステータスを見る
仕組みがあるだろうから、それによって置き換えるdivを切り替え。
具体的なコードは、
* 生の XMLHttpRequest なのか何らかのライブラリ使ってるのか
* サーバ側の言語は何か
少なくともこれくらいは情報がないと書けないだろう。
781:nobodyさん
09/05/08 04:16:46
>>779
ｊQueryObject.Click(fn)でイベント突っ込め
782:nobodyさん
09/05/08 07:49:17
>>780
ステータスをいじるとプロキシやブラウザが
想定外の動きをしないか不安なのですが、
ステータスで制御するしかないですか。
＊prototypeを使ってます。
＊PHPです。
783:nobodyさん
09/05/08 08:29:49
なんのためのステータスだ。
784:nobodyさん
09/05/08 09:57:19
>>779
ん？>>777みたいなのじゃダメなの？
785:776
09/05/08 17:20:27 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さん
09/05/08 18:15:47
>>785
ユニークな値ならidの方がいいと思うけどね。
var id = $(this).attr('id');
に変更して、
<p id="abc">パラメーター1</p>
<p id="de">パラメーター2</p>
<p id="ef">パラメーター3</p>
みたいにしたらいいんじゃない？
787:776
09/05/09 00:28:14 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さん
09/07/07 11:55:16
jqueryの文字化け対策で
ajaxSendの時にXMLHttpRequest.overrideMimeTypeを使ってるのですが
IEだと正常に働きません。
IEで文字化け対策するにはどうしたらいいのですか？
789:nobodyさん
09/07/07 12:13:50
全てをUTF-8にする。
ソースのみならず、関連ファイル（text形式）全て
790:nobodyさん
09/07/07 20:06:27
特に事情がないなら全部UTF-8つかっておくのが今は無難だとおも
791:nobodyさん
09/09/04 18:47:48
dhtmlxを使ってる方いますか？
グリッド部分の印刷で手間取っています
792:nobodyさん
09/09/10 07:43:51
WebでWordやExcelみたいなかっこいいアプリが作りたいのですがjQueryで作れますか？
初心者がjQueryを学ぶのに最適な本を教えてください
793:nobodyさん
09/09/10 23:45:54
1.jQueryはセレクタとか追加イベントが便利な道具
かっこいいデザイナーハウスのような犬小屋を作りたいんですが
木の板やペンキのような素材と、ノコギリとかなづちで作れますか？
っていってるようなもん
プログラムの基礎ができてるなら本なんか読まなくてもウェブのリファレンスだけで十分
794:nobodyさん
09/09/12 14:23:26
卒研をAjaxを利用して作りたいと思ってるのですが
アイディアが浮かびません
何かありますでしょうか
795:nobodyさん
09/09/12 16:59:06
卒研って卒業製作じゃないぞ
796:nobodyさん
09/09/12 20:14:19
手段と目的を間違ってないか。
797:nobodyさん
09/09/14 12:31:21
>>794
DreamWeaverモドキを作る。
題して『ウェブブラウザ使ってビジュアルHTML編集エディタ』
ってか普通にあるけど、Ajaxを利用してというのでは最適だと思う。
判らない事あっても判例多いから調べやすい。
インターフェースや操作性を工夫すればオリジナル性も出せると思う。
頑張れ！
798:nobodyさん
09/09/19 03:48:00 Ghzf+U1P
JQuery教えてください
もしくは誘導してください
cgiから引っ張ってきた内容の表示／非表示を切り替えたいんだがよく分からん
表示はできるけど、非表示にできない
799:nobodyさん
09/09/19 03:51:29 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さん
09/09/19 07:26:37 KT+zhTD8
ajax ややこしいし、ajax 志向で何からなにまでやろうとすると
やたら重いし、総じて面倒なので、動的に動かすなら、jquery
と ahah でいいや。
あ、prototype のことね。
801:nobodyさん
09/09/20 00:08:40
非表示ならdisplay:noneかhiddenでいいだろ
つか、URLﾘﾝｸ(semooh.jp) こことか見て理解すらできないなら
HTML、XHTML、Stylesheetあたりと、DOMとかのさわりくらいは勉強しれ
基本ができてないのにそれを操作するための道具があっても意味ないだろ
なんだかサーバサイドとクライアントサイドの区別すらろくについてないようだし難しいかしら…(´･ω･`；)
802:nobodyさん
09/09/23 22:14:06 l9viFuyu
サーバサイドとクライアントサイドくらいはわかる
↑の例で言うと<div id="msg">の手前にcgiから引っ張ってきた内容が挿入されるんだけど
それをどうやって消したものかと思ってたんだ
結局cgiからの出力の際に適当なidつけて、$("#hoge").hide()でできた
803:nobodyさん
09/09/27 00:26:16
Ajax.Request と、 Concurrent.Thread を使って
同期でも固まらないHTTPクライアントを作った
けど、クラスの中に入れるとどうしても同期しない。
何かいい方法ないかなー。
つーか、JSでRIAできないのは、コンパクトな設計
に分散させることができない自分の不甲斐なさでは
あるんだけど。
804:nobodyさん
09/09/28 10:55:25
>>802
id="hoge"をタグに付けなくても、
$("#msg").prev()
で、その要素を取得できない？
prependで自分の前に追加したやつはprevで取得できたと思う
appendならnextみたいな感じで。
805:nobodyさん
09/09/28 22:36:18
サーバーサイドで実行できるjqueryライクなphpオープンソース phpquery
サーバー側でHTMLをjqueryライクな書き方で整形できるよ。
URLﾘﾝｸ(code.google.com)
$doc = phpQuery::newDocumentHTML("URLﾘﾝｸ(www.yahoo.co.jp)");
$html = $doc['div'] -> html();
サーバーサイド側でこんな簡単にHTMLが抜け出せる。
正規表現も使わないで済む。jqueryライクな書き方でOK
806:nobodyさん
09/09/29 00:29:20 oD0uVWyE
>>804
まじか
そっちの方がスマートだな
ありがとう
807:nobodyさん
09/09/29 05:55:37
現canvas上に描かれた情報（座標や色）を受け取るにはどうしたらいいですか。
canvasに描くと同時に随時jsonに独自フォーマットで記述していくのでしょうか。
get○○的なメソッドで簡単に取り出せないものでしょうか。
808:nobodyさん
09/11/02 00:57:11 JG9uz1ow
JQueryについて質問です。
URLﾘﾝｸ(docs.jquery.com)
のダイアログに表示される文字を、画面上のあるテキストボックスに入力された値にしたいのですが、
どのようにすればよろしいのでしょうか？
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
09/11/02 02:26:07 JG9uz1ow
>>808です
asp:LabelとinnerHTMLで解決しました！
810:nobodyさん
09/11/12 21:53:40
初めてAjaxやるんだけど
Ajaxのフレームワークってどれがおすすめ？
Eclipseにも対応してるGoogle Web Toolkitを使ってみようかと思ったけど
このスレでレス抽出しても1回も出てこないし・・
他のを使ったほうがいいの？
811:nobodyさん
09/11/12 22:16:16
ほとんど全部JavaScriptで書くのか、ちょっと使うのかでも
変わってくると思う。
個人的にはExt.jsで全部書いてみたくなることがある。
812:810
09/11/12 23:18:59
JavaScriptは今あんまり詳しくないし・・じゃあGWTにしよう。
サンクス
813:nobodyさん
09/11/13 00:39:17
GWTはもはやExtJSのラッパー
ExtJSを直接使う方が速くて軽くて馬なんだが
814:nobodyさん
09/11/19 14:33:08
>>502付近で話題になっていることで、ちょっと嵌ったので教えてほしい
画面もレスポンスもともにUTF-8になっているにもかかわらず、
IEでresponseTextを実行しようとすると、
「c00ce56e のため～」がでて実行できない・・・。
いろいろググってみても、
「UTF-8以外の場合出ることがある」
としか書かれてなくて、もうお手上げ状態。
ちなみにFxでは正常に表示されています。
815:nobodyさん
09/11/19 14:51:38
>>814
ホントにutf-8なの？全部英語だけにしても同じエラー出る？
816:nobodyさん
09/11/19 15:27:00
>>815
出てます・・・。
発生環境を書いていなかったので、書いておきます。
・PHP（Ethnaを使用）
・OSはWindowsXP（最終的にはCentOSでの稼働）
・IEのバージョンは7
Ethnaは画面表示として、Smartyを用いていますが、そこがあやしいのかも知れないです。
ただ、responseTextをする前に、getRequestHeader()でContent-Typeを見てみたら、
「text/html; charset=utf8」と返ってきているので、UTF8を出しているんだとは思うんですが・・・。
817:nobodyさん
09/11/19 19:33:15
javascriptで別ファイルインクルードしててそっちが違う文字コードとか
818:nobodyさん
09/11/20 09:27:28
>>816
PHPは、よく知らないんだけど、
ヘッダーの文字コードがutf8だからって、
レスポンスの中身がutf8だって保証は無いんじゃないん？
PHPだと文字コードを自動で変換してくれたりするのかな。
819:nobodyさん
09/11/20 11:16:38
PHP側でmbstring.encoding_translationとかが有効になってると、アプリ側では確かにutf-8を出したのに
apacheから出る時に勝手にsjisとかeucになってることがある。
ajaxから呼んでいるURLにブラウザからアクセスしてみて、実際に出てきているエンコードを見てみては？
post送信が必要ならスクリプトの最初でダミーの$_POSTを設定すればいい。
820:814
09/11/20 13:18:38
>>817
JSファイルは確かに別ファイルとしてインクルードしてますが、
使用しているファイルすべてがUTF-8で記述しています。
>>818-819
ブラウザで直にアクセスを行ってみたところ、エンコードはUTF-8が選択されていました。
吐き出そうとしているページに<meta>で文字コードを指定しようがしまいが、
エンコード情報はUTF-8となっています。
IEでの確認方法って、右クリック→エンコード→選ばれているもの でいいですよね？
821:nobodyさん
09/11/20 13:22:38
レスポンスヘッダをちゃんと確認したらどう？
822:814
09/11/20 15:36:11
>>821
すいません、どのようにすれば確認できるのでしょうか・・・
PHP側で出力するものですか？
823:814
09/11/20 17:03:05
すいません、解決しました。
php.iniのdefault_charsetが「utf8」となっていたのが原因のようです。
「UTF-8」に変更して確認したところ、正常に表示されることを確認しました。
お騒がせしてすいませんでした・・・。
824:nobodyさん
09/12/02 16:37:27
prototypeスレとかってないの？
最新の1.6.1で継承がどうなったか知りたいけど情報が少なくて。
とくにオーバーライドしたときにスーパークラスのメソッドを呼びたいとき。
825:nobodyさん
09/12/02 17:16:45
1.6.1はわからんままだけど、1.6.0ならいろいろ見つけた。
スーパークラスのメソッドが気軽に呼べて感動した。
extendとかいうのも不要になったし、言うことなし。
826:nobodyさん
09/12/02 17:18:26
あ、ID無し板か…(>>824==>>825)が真です。
827:nobodyさん
09/12/14 22:02:30
ﾃｽﾄ
828:nobodyさん
09/12/15 05:20:42
マスカットって実用性どうなの?
マスカット褒めているサイトや記事はいくつもあるけど他のajaxのフレームワークに比べて解説&サンプルを扱っているサイトが極端に少ない。
公式ページにはリファレンス解説くらいでサンプルは少ないし。
829:nobodyさん
09/12/15 12:13:23
使ってみなはれ
830:nobodyさん
09/12/15 12:25:27
金太がナイフで切ったとさ
831:nobodyさん
09/12/15 22:12:50
金太マスカット切る
832:nobodyさん
09/12/17 14:39:14
>>829
おまえさ、使ってみるだけでも何時間もロスするのがわかっているから、
実際に使ってみたことがある人に個人的な意見を聞こうと書き込みしているんだろ。
使ったことがない奴は黙ってろってことなんだよ。
>>828がどういう気持ちで書いたか俺にはわかるよ。
833:nobodyさん
09/12/17 15:30:32
>>832
おまえさ、ここで聞いても期待できないから
実際に使ってみるしか道はないぞって言おうと書き込みしてるんだろ。
結局実用性を答えられない奴は黙ってろってことなんだよ。
>>829がどういう気持ちで書いたか俺にはわかるよ。
834:nobodyさん
09/12/17 20:48:13
二つ合わせても3点くらいだな
835:nobodyさん
09/12/21 12:16:59
5点満点中だろ？
836:nobodyさん
09/12/21 19:29:56
これは100点満点だろ常識的に考えて
837:828
09/12/27 02:36:43
>>832->>833
ずっとアクセス規制でかけなかったのでその間も検証を自分でやってみたけど
昨日以前にドキュメントが少なすぎて公式サイトのドキュメントだけでは不十分だとわかった。
4つあるサンプルプログラムの中を直接解析するかフォーラムで検索して情報を探していかないと求めているものを見つけられない。
ドキュメントさえ整備されたら使い勝手はいいものになる可能性はあるかもしれない。
IDEがある程度充実しているから画面作成はそこそこ便利。
838:nobodyさん
10/01/11 00:08:28 IxtAxc0H
UIZE Frameworkってどうなん？
JSで超ド派手なアニメが作れる「UIZE Framework」入門
URLﾘﾝｸ(ascii.jp)
839:nobodyさん
10/01/11 02:07:51 IVk+qInT
>>838
使えたもんじゃないだろ、こんなオナニーフレームワーク
企画屋が金をむしりとるために存在するようなもんだから、
存在意義までは否定しないけど
840:nobodyさん
10/01/11 03:15:12
UZAE Frameworkにみえた。なんかUZAそう