スケジュールの進行状況アプリに使えそうなAjax
2007年08月01日 公開
プログラムの進行状況や、仕事の進行状況など、現在のタスク進行状況を手軽に表示するためのスクリプトです。
あまり使う場面がなさそうですが、なかなか良い動きをしていたのでご紹介だけでもしておきます。
ダウンロード
デモページとダウンロードページは同じです。
なお、配布元はwebappers.comさんです。
興味のある方はお試しあれ。私達がウェブサイトを作成するとき、たまに進行棒を必要とする場合がある。ただし、Flashを使用しないで、Ajaxによるパーセント棒を作成した。
参考までに上記サイトで書かれているヘルプ
パーセント棒を表示しなさいdisplay(elementId, percentage, colorCode)
Display the Percentage Bar
int colorCode: 1 = Green
int colorCode: 2 = Yellow
int colorCode: 3 = Orange
int colorCode: 4 = Red
intのcolorCode: 1 =緑
intのcolorCode: 2 =黄色
intのcolorCode: 3 =オレンジ
intのcolorCode: 4 =赤
0%の配置によってパーセント棒を空けなさいemptyProgress(elementId)
Empty the Percentage Bar by setting 0%
指定パーセントによってパーセント棒の増加量plus(elementId, percentage)
Increment the Percentage Bar by the specified percentage
指定パーセントによってパーセント棒の減少率を決めなさいminus(elementId, percentage)
Decrement the Percentage Bar by the specified percentage
指定パーセントのパーセント棒の設定setProgress(elementId, percentage)
Set the Percentage Bar with the specified percentage
指定パーセントでフルパーセントの値を設定してくださいfillProgress(elementId, percentage)
Fill up the Percentage Bar with the specified percentage