jQueryでページロード時に実行する
jQueryのreadyメソッドを使用して、ページ読み込み時にjavascriptを実行することができる。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); こ …続きを読む→
jQueryのreadyメソッドを使用して、ページ読み込み時にjavascriptを実行することができる。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); こ …続きを読む→
jQueryで書かれているソースコードに(function($)と記述されていることがある。この(function($)は何のことか分かったので記録しておく。 これはjQueryを他のライブラリと干渉しないようにするため …続きを読む→
配列内の要素を順に処理するfor-inはたびたび使うことがあるが、オブジェクトに含まれるプロパティを調べるif-inなるものがあることを知ったので記録しておく。 inは演算子であり、オブジェクトに該当するプロパティが含ま …続きを読む→
Webアプリケーションの基本的なセキュリティ対策として、ユーザーから入力されたデータをHTML文書にそのまま組み込んではいけない。理由は、悪意のあるユーザーが情報を不正に取得するスクリプトやプログラムを実行しようとするの …続きを読む→
これまでページ送りはサーバ側で行ってきたが、選択されたページ番号ごとの処理が新たなリクエストになり処理の度に項目数をカウントすることにならざるを得ない。新たなリクエストに項目数などの情報をクッキーやGETリクエストのパラ …続きを読む→
jQueryを使って画像をeffectしてみた。 試してみたのは次の操作である。 ・<img>タグを使って画像を追加 ・画像のスライドアップ ・画像のスライドダウン ・画像の拡大 ・画像のフェードアウト 画像 …続きを読む→
getElementByIdとgetElementsByNameを間違って使ってしまったので、その違いをメモしておく。 getElementById(id)はid 属性で指定した名前で要素を参照する。 getElemen …続きを読む→
Ajaxはセキュリティ上の理由によりクロスドメイン通信が制限されている。つまりJavaScripコードを呼び出したサーバサイト以外のサーバサイト上にあるファイルには直接アクセスできないようになっている。 そこで外部にある …続きを読む→
jQuery UIを使った折りたたみパネル(accordion)をWordPressに組み込んでみた。以前にjavascriptを使った折りたたみ方法を紹介したが、jQueryプラグインの一種であるjQuery UIには …続きを読む→
JavaScriptで画像サイズを得る方法を忘れないために記録しておく。 imgオブジェクトに画像を読み込ませ、widthとheightプロパティを使って画像の幅と高さを得ることができる。 var img = new I …続きを読む→