HTML内でid属性に値を設定すると、設定した値の変数がwindowオブジェクトのプロパティとして作られてJavaScriptからグローバル変数としてアクセスできる。 こんな仕様になっているとは知らなかった。

JavaScriptを使っていて変数の存在を判定する必要があった。その時に用いた方法を忘れないように記録しておく。 その方法はtypeof演算子を使うと実現できる。typeof演算子はデータの型を取得するものであるが変数 …続きを読む→

javaScripで文字列の両端の空白を削除するtrimメソッドが使える。 これまでは次のように正規表現で両端の空白を削除していたが、trimのほうが正規表現で悩まなくて簡単である。 string.replace(/^\ …続きを読む→

ajaxzip3 APIを使うと、入力した郵便番号から住所を得ることができる。 使い方は以下のとおり。 【HTML】 ajaxzip3 APIの組み込み 検索フォーマット 【javascript】 サンプル 郵便番号 都 …続きを読む→

jQueryプラグインのzoomyを使って表示している画像の部分拡大を行えます。 用意するものはjQueryプラグインのzoomyとノーマルサイズ画像とノーマルサイズを拡大した拡大画像です。 zoomyの入手はここからで …続きを読む→

SVGファイルはベクトル形式で図形を描画するためのファイルであり、その形式はXMLベースで記述されている。この利点を生かして、SVGファイルの要素をjQueryを使って操作することを思いついた。その方法を忘れないよう記録 …続きを読む→

JavaScriptで配列内の要素を順に処理するためにこれまではforやfor inメソッドを使っていましたが、更にforEachメソッドが存在することを知りました。 forEachメソッドは、配列内の要素ごとに指定した …続きを読む→

JavaScriptに即時関数というものがあります。即時関数は関数を定義すると同時に実行するための構文として覚えていたのですが、その必要性がイマイチ見出せませんでした。それは、「関数を定義と同時に実行するのは分かるけど、 …続きを読む→

配列のソート方法を忘れないようメモしておきます。 配列のソート 昇順ソート var a = [5,3,9,1,10] a.sort(function(a,b){ if( a < b ) return -1; if( …続きを読む→

jQuery-UIにTabs(タブ)ウィジェットがあります。ウィジェット上部のタブをクリックすると、それに対応するパネルが開きます。別のタブをクリックすると、それまで開いていたパネルを閉じられ、後からクリックされたタブに …続きを読む→