イベント関連のモジュール以外にもいくつかの機能が用意されている。量が多いため、紹介できる範囲でこれらモジュールの使い方と実行結果/サンプルを紹介しよう。
glow.anim
おもにアニメーション操作に関連するメソッドが用意されている。
- css … CSSでアニメーションをFrom-To指定
- fadeIn … オブジェクトをフェードインさせて表示
- fadeOut … オブジェクトをフェードアウトさせる
- fadeTo … オブジェクトのフェード設定
- highlight … フェードしながらハイライト表示
- slideDown … ハイト0の状態からスライドダウンして表示
- slideToggle … 上下方向からスライドして表示
- slideUp … ハイト0までスライドアップさせる
glow.data
JSONオブジェクトやクエリ文字列をシリアライズ/デシリアライズするためのメソッドが用意されている。
- decodeJson … {foo: ['bar 1', 'bar 2']}といったJSON形式の文字列をデコードし、オブジェクトとして返す
- decodeUrl … foo=bar&hoge=mogeといった「?」を含まないクエリ文字列をデコードし、オブジェクトとして返す
- encodeJson … オブジェクトをJSON形式の文字列にエンコードする
- encodeUrl … オブジェクトをクエリ文字列にエンコードする
- escapeHTML … HTMLエンティティをエスケープする
FirebugでdecodeJSON, decodeURL, encodeJSON, encodeUrlの動作を確認。encodeJsonはJSONオブジェクトではなく、JSON形式の文字列が返るので注意 |
glow.dom
DOM操作に関するメソッドが用意されている。
- create … DOMを生成し、生成したノードリストを返す
- get … CSSセレクタを指定、一致したノードリストを返す
- parseCssColor … 「#ff0000」といったCSSカラーコードからrgbオブジェクトを返す
glow.dragdrop
ドラッグ&ドロップによる制御を定義するクラスが用意されている。
- Draggable … マウスを使用したドラッグ制御をおこなうためのクラス
- DropTarget … ドロップ先の制御をおこなうためのクラス
glow.embed
Flashオブジェクトに関するクラスが用意されている。
- Flash … Flashオブジェクトを格納するためのクラス