タグ

ブックマーク / alphasis.info (1)

  • script.aculo.us の slider.js による逆向き縦スライダー

    script.aculo.us ライブラリの slider.js による縦方向のスライダーは、通常、上が最小値、下が最大値だが、これを逆にし、上が最大値、下が最小値にする。 スライダーのハンドルをドラッグし上下に動かすと、現在の値を動的に表示し、最終的には、移動後の位置の値を表示する。スライダーのハンドルを上端に移動すると、最大値となり、スライダーのハンドルを下端に移動すると、最小値となる。 実装例 実装例の動作について スライダーの初期値は、「70」を指定してある。 スライダーのハンドル(黒い部分)をドラッグし上下に動かすと、スライダー下の「70」の数字が変化する。スライダーのハンドルを下端に動かすと「0」になる。スライダーのハンドルを上端に動かすと「100」になる。その間は、0より大きく、100より少ない、整数になる。 スライダーのトラック部分(グレーの部分)をクリックすると、瞬時に、

  • 1