jquery

load(Ajax) のコールバック関数

load のコールバック関数には responseText status XMLHttpRequest の引数が渡される仕様になっているみたいだけど、何を誤解したのか これら引数を使わなくてはいけない 他で定義した関数を呼べない と思い込んでいた。全然そんなことなくて自前関数も普通…

ページ読み込み完了後に実行する

loadイベントがwindow要素にバインドされた場合、ドキュメント内のウィンドウ、iframe、オブジェクト、画像など全てのリソースの読み込みが完了したときにイベントが発生します。load(fn) - jQuery API 1.4.4 日本語リファレンス - StackTrace なるほど。こ…

ボタンクリック → 確認ダイアログ

「削除」ボタンクリック → 削除確認ダイアログってものを、jQuery UI Dialog を使って作ってみた。作ってみたというか、以下サイトのサンプルをパクってみたといった感じ。参考サイト: 思いのままのダイアログを - UI/Dialog jQuery UI Dialogの導入法と使…

チェックボックスのチェックを反転させるボタン

$() で取得した checkbox を each で回して属性を設定する、ってだけ。each が それぞれのDOM要素に対して,指定した関数を実行します. DOM要素がthisになって関数が実行されます. jQueryオブジェクトとして扱いたい場合は,$(this)とラッパする必要があり…

チェックボックスの on/off を切り替えるボタン

JavaScript $(function() { $("#on").click(function() { $("#main :checkbox:not(:checked)").attr("checked", "checked"); }); $("#off").click(function() { $("#main :checkbox:checked").attr("checked", ""); }); }); HTML(ボタン部分のみ) <input type="button" value="一括チェック" id="on" />

フォーカスで背景色変更

jQuery のお勉強の手始めとして text などにフォーカスが当たったら背景色を変更する、というありがちなモノを試してみた。 /* * フォーカスが当たった部分の背景色を変更する。 * * id="main" に存在する input, textarea, select, button にフォーカスが当…

select で選択した内容を load する

※SAStruts を使ったアプリでJavaScript が分かっていないのでこんな些細なことでもハマってしまったので今後のためにメモ。 やりたかったこと:select で選択したIDの詳細画面を jQuery の load を使って表示する。JSP の関係ある部分だけ抜粋。 【select】 <form name="formOther"> <ul></ul></form>…