スポンサーリンク
カテゴリー:"JavaScript"

JQueryを使って要素の変更をキャッチしたい

例えば特定の div 要素が変更(子要素の追加・更新・削除とか)されたのをキャッチしたいわけです。

普通に考えたら、'change' を使えばイケそうな気がするのですが、実は 'change' って form の要素にしか効かないみたいなんですよね。

逆に言えば form の要素であれば 'change' でOK! input とか textarea とか select とか、あとなんかあったっけ?

それはともかく、じゃぁ、どうするよ? というわけで、調べた結果をメモメモφ(..)。

続きを読む »

JavaScriptを使ってPOSTした結果を別ウィンドウに表示させよう

通常のUIではありえないのですが、そういう要求があったので。

実際にはJQueryを使っちゃってますけど、使わなくても同じことはできるハズ・・・。

つか、HTML で form 作ってやる分には割りと簡単みたいなんですよね。formタグに target="_blank" つけるだけ! みたいな。試してないけど。

続きを読む »

javascript でコールバック関数を実行しよう

javascript でコールバック関数を使わないといけなくなったので覚書。

手順としては、変数に無名関数を代入してコールバック用の関数を準備して、呼び出す関数に引数で渡して、() で実行する感じ。

シンプルなソースとしては以下の通り。

続きを読む »

JQuery の when の fail は待ってくれない

JQuery を使ってて、複数の非同期通信( $.ajax() )が全て終わってから処理をしたい場合がありまして、$.ajax() の戻り値を配列に突っ込んで、$.when で処理しようとしたのですが・・・。

全て成功の場合はそれで良かったのですが、どれか一つでも非同期通信が失敗すると、そこで when の fail が走っちゃうみたいなんですよね。

今回は成功でも失敗でも、とにかく全ての処理の終了を待ちたかったので、これではちょっと困ります。

続きを読む »

JQuery で複数の ajax の終了を待ってから処理がしたい

JQuery で複数の ajax(非同期リクエスト)がすべて終了するのを待ってから何かしたいときのメモです。

やり方としては、処理を待ちたい ajaxオブジェクトを配列に格納しておいてから、when で処理します。

ソースは以下の感じで。

続きを読む »

JQuery の ajax でリクエストタイムアウトを設定しよう

ソースとしては以下な感じ。

続きを読む »

JavaScript で改行を含んだ複数行の文字列を変数に代入するエレガントな書き方

変数に改行を含んだ文字列を代入する場合、通常は改行を "\n" に置き換えて以下のコードみたいに書くのですが、とてもエレガントな書き方に出会ったのでちょっとメモ φ(..)。

続きを読む »

JQuery 1.x系を使っていたら、Firefox に「getPreventDefault() の使用は推奨されません」と警告されたので

JQuery の 1.x系を使っていたら、Firefoxに 「getPreventDefault() の使用は推奨されません。代わりに defaultPrevented を使用してください。」と警告されてしまいました。

続きを読む »

JavaScript で特定のHTMLタグの子要素(タグ)の数を取得するには childElementCount を使おう!

JavaScriptから特定のHTMLタグの子要素を取得してホゲホゲする用事ができたので、いろいろと調べてみた結果、childElementCount を使うのが良さそうだったのでメモメモです φ(..)。

たとえば・・・

続きを読む »

JavaScript からHTMLタグの属性値をうまく取得できない時は、getAttribute を使えばなんとかなる(ハズ)

JavaScriotからHTMLの属性(プロパティ)の値を取得する場合、document.getElementById('hoge').value なんてやると手っ取り早いのですが、オリジナルの属性をしかもハイフンの入った名前で付けられてる(例えば my-id みたいな)と、この書き方では上手く中身を取り出せません。

知らずに document.getElementById('hoge').my-id と書いて見事にハマってしまいました・・・orz

どうやらmyの後ろの “-” が減算演算子として扱われてしまうようなんです。つか、誰だよ、こんな属性作ったの!

続きを読む »

スポンサーリンク

プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku

    運営サイト
    www.mukairiku.net

ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

Blog powered by TypePad

スポンサーリンク