script.aculo.us從指定div中獲取文本的滑塊

Question

我的朋友需要一些JavaScript幫助，因爲我知道一點點（小），所以我決定幫助他。不過，我在這一張上留下了一片空白。

使用script.aculo.us創建一個多滑塊。我已經得到了滑動手柄的工作。他們左右移動！無論如何，當每個手柄放到位時，我需要有一個預覽字段顯示與兩個手柄位置相對應的文本。

有他爲我提供了一個演示視頻：

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位置。你需要將它們四捨五入到「捕捉」到下一個位置。從那裏你應該知道開始和結束的跨度，以及相關的文字。

使用單間隔字體會讓這更容易。您可以使用預定義的範圍並停止滑塊。