Aptanaで作ったDojoライブラリ利用のAjax

[フェードアウト] | [フェードイン] | [透明度を50%にセット]
この部分がフェードアウトしたりフェードインしたりします
[座標軸(500, 500)に移動] | [(50, 50)ずつ位置をずらす] | [リセット]
僕が移動するよ!
I fade to my BG!
I fade from my BG!
[ワイプアウト] wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to...
このメッセージは、ワイプアウトしてワイプインする間に中身が書き換わります。
[書き換え]
Non-wipe...
EXPLODE!!!
Explode! Implode!

説明

AptanaのDojo Project作成機能でできたサンプルファイルです。かっこいいじゃないか。 Dojoはこの秋にVersion 1.0が出る予定で、アクセシビリティに配慮したAjaxを作成できるはず(このサンプルがアクセシブルであることが保障されているわけではないが、1)キーボードでも操作できる、2) JavaScriptをオフにしても利用できる、ようになっているはず。要確認>私)(Ajaxアクセシビリティでは、Tab orderの指定(正、負、0)も重要。)。 ただし、このアクセシビリティ機能を利用できる(つまり、ARIA の role と state 情報を利用できる)のは、Window-Eyes 5.5 あるいは JAWS 7.10 より新しいバージョンのスクリーンリーダで、かつウェブブラウザーとして Firefox 1.5+ を使う場合だけ。 参考:「Dojoのアクセシビリティ機能」

2007年5月14日 渡辺

注:ブラウザの再読み込み機能でリスタートします。


いろいろな部品の例

ニートなボタン

自動補完するコンボボックス

カレンダー

カラーパレット

色のコード

スライダー

キーボードでも操作できるよ。

X: 0

Y: 0

時計

Tree

(第2レベルまで開いた状態で表示)