Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript script.aculo.us滑块从指定的div获取文本_Javascript_Ajax_Slider_Scriptaculous - Fatal编程技术网

Javascript script.aculo.us滑块从指定的div获取文本

Javascript script.aculo.us滑块从指定的div获取文本,javascript,ajax,slider,scriptaculous,Javascript,Ajax,Slider,Scriptaculous,我的朋友需要一些JavaScript方面的帮助,因为我知道一点,所以我决定帮助他。不过,我在这一点上是空白的 使用script.aculo.us创建多滑块。我有点能用滑动手柄。他们左右移动!无论如何,当每个控制柄被放置到位时,我需要有一个预览字段来显示对应于两个控制柄位置的文本 他给我提供了一个演示视频: 然后他给了我一个包含HTML和CSS的zip存档。我从script.aculo.us网站上获得了JavaScript文件 不管怎么说,到目前为止,我得到的是: 有没有人能帮助我或给我指出正

我的朋友需要一些JavaScript方面的帮助,因为我知道一点,所以我决定帮助他。不过,我在这一点上是空白的

使用script.aculo.us创建多滑块。我有点能用滑动手柄。他们左右移动!无论如何,当每个控制柄被放置到位时,我需要有一个预览字段来显示对应于两个控制柄位置的文本

他给我提供了一个演示视频:

然后他给了我一个包含HTML和CSS的zip存档。我从script.aculo.us网站上获得了JavaScript文件

不管怎么说,到目前为止,我得到的是:


有没有人能帮助我或给我指出正确的方向,让它像演示视频中看到的那样运行?非常感谢。

看起来很酷。到目前为止,一切都很好

您需要将示例文本中的每个字符包装在
中,然后计算每个跨距的x位置(在加载时运行它并将值放入数组)。然后需要将指针位置与字符的x位置进行比较。您需要将它们四舍五入以“捕捉”到下一个位置。从这里,您应该知道起始和结束跨距,以及其间的关联文本

使用单倍行距字体将更容易实现这一点。然后,您可以为滑块使用预定义的范围和停止点