script.aculo.us指定されたdivからテキストを取得するためのスライダ

Question

私の友人はJavaScriptを使用する必要があります。少し知っているので、私は彼を助けることにしました。私はこの上に空白を描いています。

script.aculo.usを使用してマルチスライダーを作成します。私は一種のスライディングハンドルが動作するようにしています。彼らは左右に動く！とにかく、各ハンドルが配置されると、プレビューフィールドに2つのハンドルの位置に対応するテキストを表示させる必要があります。

あり、彼は私を提供するデモビデオだ：

http://www.youtube.com/watch?feature=player_embedded&v=D0V4P8q5G-E

をし、彼は私にHTMLとCSSでzipアーカイブを与えました。私はscript.aculo.usのウェブサイトからJavaScriptファイルを入手しました。

とにかく、ここで私がこれまで持っているものです。

http://dnescripts.com/slider/

誰もがデモビデオで見られるように、それは振る舞う持つように支援するか、正しい方向に私を指すもらえますか？大変感謝しています。

Answer 1

これはかなりクールだ。ここまでは順調ですね！

サンプルテキストの各文字を<SPAN>にラップして、各SPANのx位置を計算する（LOADで実行し、値を配列に入れる）必要があります。次に、ポインタの位置と文字のx位置を比較する必要があります。次の位置に「スナップ」するように丸める必要があります。そこから、開始スパンと終了スパン、およびそれらの中間のテキストを知る必要があります。

モノスペースフォントを使用すると、はるかに簡単になります。それでは、あらかじめ定義された範囲を使用してスライダを停止することができます。