试图将Javascript范围滑块集成到我的网站,但不知道从哪里开始

时间:2011-03-31 18:25:26

标签: javascript

我正在尝试使用Javascript为我的网站构建一个小测试shell。我现在拥有的是一个普通的网站。带有SQL后端的PHP / HTML。

我想要的是一个简单的Javascript功能,用户可以使用单个滑块对象,并可以使用此对象设置多个变量的上限和下限,这些变量将由下方的下拉框确定滑块。

除此之外,我想要一些复选框来决定显示哪些产品(例如,如果我想要食物而不是饮料,则会勾选食物复选框!)。

当然,我并不期待任何人可以为我这样做,但我想找到一些具体的方面我可以去学习如何做到这一点,谷歌在这方面让我失望。然后,我将开始编辑/编辑此帖子以显示我的代码/寻求帮助。

有人可以帮忙吗?

4 个答案:

答案 0 :(得分:0)

您似乎想要为网站构建特定搜索,但不是用户搜索它而是显示的内容。我将从查看php开始,根据他们选择的复选框,您可以返回变量,向他们展示他们想要看到的内容。

我个人不会为此使用javascipt。

答案 1 :(得分:0)

我不确定您使用Javascript的经验水平如何,所以如果这个答案太基础,我很抱歉。

要在页面上放置滑块,请参阅此处的HTML: http://webhole.net/2010/04/24/html-5-slider-input-tutorial/

然后在Javascript中获取服务器的GET请求时该滑块的值。

答案 2 :(得分:0)

您可以在目标元素中存储选定值或选中的值,处理时,只需调用元素并从中获取值。使用jquery data()方法可以将值存储到元素中,并且可以很容易地对其进行检索。

如果你仍然没有任何线索,我会告诉你学习一些基本的javscript技术,请访问这个网站www.jquery.com。

答案 3 :(得分:0)

您使用的是jQuery和jQuery UI吗? jQuery UI有一个很棒的滑块小部件,其中包含许多配置选项和良好的文档:http://jqueryui.com/demos/slider/

如果你不习惯它,jQuery可能会有一些学习曲线,但它会使很多UI功能更加容易编码。例如,基于复选框显示和隐藏元素是直接JS中的一个难点,但使用jQuery相当简单。有许多其他方法可以制作一个滑块,但是如果你打算用UI做更多的事情,我强烈建议使用像jQuery这样的库来完成繁重的工作。