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位置进行比较。你需要将它们四舍五入以“捕捉”到下一个位置。从那里你应该知道起始和结束的跨度，以及中间的相关文本。

使用单倍间距字体可以更容易地实现这一点。然后，您可以使用预定义的范围并停止滑块。