イベント関連のモジュール以外にもいくつかの機能が用意されている。量が多いため、紹介できる範囲でこれらモジュールの使い方と実行結果/サンプルを紹介しよう。

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オブジェクトを格納するためのクラス