ハンドルを動かした後に実行したい

質問

javascriptが初級者レベルで、調べたのですがあまりわからなかったので、
どなたかご教授いただければと思います。

下記のサンプルページにて、スライダーのハンドルを動かすと
値が変化するものがあります。

http://javascriptist.net/ref_scriptaculous/slider.setvalue.html

スライダーを動かすと動的に値が更新されていくのですが、
これをハンドルが止まった瞬間に値を更新したいと思っています。
(つまりはマウスにてハンドルを離さなければ値が更新されない)

申し訳ありませんが、どなたかご教授いただければと思います。

回答No.1

fujillin

prototype.jsもscriptaculous.jsも知りませんので、考え方のみですが、
ご提示のサイトにもscriptaculousの説明がかなりありますし、配布元にはドキュメントがあるようですので、詳しいことはそちらで調べていただくとして…
http://madrobby.github.com/scriptaculous/slider/

ご提示のサイトのHTML内のコードの
　onChange:　～～～
　onSlide:　～～～
の部分が、値（数値）を表示している部分です。
この部分を、削除すればドラッグ時にシンクロして値が表示されることはなくなるはずです。

その代わりに、ドラッグ終了時（マウスアップ）に値を表示してあげる様にイベント設定を追加してあげればよろしいかと。
例えばサンプルと同じdiv要素に表示するなら、
　$("sliderValue").innerHTML = "Value："+ slider.value;
（valueでなく、slider.valueになります）

お礼

回答ありがとうございました。

その後いろいろといじっていたら解決いたしました。
「onChange～」だけにすることで、変更後の値を表示できました。
「onSlide～」も記載していたので、スライド中の値を表示してしまいました。
お騒がせして申し訳ありませんでした。