MooTools的两个旋钮，滑块，范围指示器（双铰接滑块）表达它

Mootools的两个旋钮，滑块（滑块双铰接）范围指示器

您正在浏览的意见。如果你想返回到完整的故事，你可以在这里阅读完整的条目：“ 随着两个旋钮范围指示器（双铰接滑块）MooTools的滑块 “。

标签：下载， Mootools的，范围滑块

此项目被张贴在1:35阿芒上周五，2008年10月24日，下下载，UI组件。您可以按照任何反应，这种通过RSS 2.0饲料入口。你可以留下回应，或TRACKBACK从您自己的网站。

85“Mootools的两个旋钮，滑块范围指示器（双铰接滑杆）”

wanlee说：
2008年12月11日，10:59上午
非常酷！我一直在寻找这样的事情。是有可能有固定排水沟背景图像的剪辑，而不是从左至右移动？我想现在这方面的工作，迄今不成功。
尼基说：
2008年12月12日，3:45上午
这是很好的思想！谢谢！从来没想过这些。我会尝试它！
尼基说：
2008年12月12日，5:12上午
嘿Wanlee！
我想我可能有（或接近上午ATLEAST）你正在寻找解决方案。我已经改变了看bkg_slider.gif（频谱梯度，而不是单一的颜色），所以只需要确保，实际上还是裁剪图像。这个形象，这是滑块范围指标分工的背景图片，是现在摆在HTML中，absolutly定位滑块容器。
我已经发布的这个版本我的工作文件...

早期版本的代码/ CSS只是评论，为用户能够做出来的差异。
另外，我已经留下了图像的红色边框以及......，你可以删除！
希望有所帮助！
尼基说：
2008年12月12日，5:31上午
只是PRO和CON由Wanlee suggessted版本...
箴：现在，您可以范围图像，可以显示其颜色范围太......我的意思是如。你可以有一个绿色，橙色和红色战神的形象，所以选择的范围将indiate性质的选择范围。
缺点：图像显示其全宽滑块，直到完整的脚本加载和运行
wanlee说：
2008年12月12日下午05:32
是啊......太棒了！很凉爽，尼基！其实我有一个工作版本，但我相信你可能有点更有效。
这里的另一个建议：是否可以对彼此有旋钮对接，而不是跨越？
出色的工作，尼基！荣誉！
尼基说：
2008年12月16日，2:09上午
设法解决的两个旋钮交叉...更新的文件，按照上面的链接在我的评论。
wanlee说：
2008年12月18日，10:47 PM
嘿尼基！很高兴再次工作！我注意到，仍然minKnob跨越，但只在第一次阻力。初始化后拖曳，我们都很好！做同样的发生在你身上吗？
尼基说：
2008年12月19日，9:48 PM
您好Wanlee！
这是版本的问题，正如你所说，第一张幻灯片分钟旋钮。我似乎知道问题所在，但没有带从昨天起能够修复......希望能破解它的到来。
谢谢指点出了问题吨！
聂
尼基说：
2008年12月19日，11:37 PM
嘿Wanlee！
清晨工作等问题，真正的作品，设法解决这个问题（最小旋钮超过最大旋钮，首次穿越）今天上午...我已经上传为2.1版本固定slider.js脚本...
再次！感谢您的帮助，发现并提出变更。
聂
wanlee说：
2009年1月11日下午08:27
嘿聂！一直在努力您的滑块和它的伟大工程，但检查了这一点：
我想“开始”参数设置为5和15'结束'参数，它使得裁剪靠不住的。此外，具有相同值的两个滑块结束。这里的东西会很酷，而不是滑块一起撞，在未来数大于最小滑块最大滑块停止。
此外，我怎么能打开捕捉上吗？
尼基说：
2009年1月14日下午9:40
嘿Wanlee！
感谢像往常一样。你正在做测试工作，我应该有。真的appretiate。
一直忙于将一个项目，几天。会回到这个尽快。
再次感谢
聂
毛里西奥·埃尔南德斯说：
2009年2月4日下午01:42
您好尼基，你能告诉我这行是固定的两个旋钮交叉或者哪条线路正在这样做。
布赖恩说：
2009年2月6日，11:42上午
声明：我不是一个专家MooTools的发展，使不幸的是，我要成为那些家伙谁去，使他不能完全实现自己的建议之一。请记住，这甚至都不是一个“功能要求”，因为我不希望有人为我做这。我只是想记录，有进一步增加的兴趣。
我想用这双滑块，选择的时间范围。
我很想有第一个额外的功能是在15分钟的“步骤”撞滑块。而是能够通过1，2，3，...，14，15滑动，我想去0，15，30，45，60，...等，是有一种方式来获得滑块捕捉到这些增量？（我知道我可以用事半功倍的产值规模的旋钮，但每单个像素的“一步到位”太细粒。我想漂亮的大10像素的“跳跃”之间的每一步上规模。）
第二，我很想能够拖动的范围本身。保持旋钮之间的距离相同，但抓住“中间环节”，并沿着规模滑动来回。这可能是很多麻烦来完成，但人，我会很高兴能有这个。
无论如何，感谢你真棒实施已经提供！
尼基说：
2009年2月8日，6:07上午
嘿毛里西奥
我在的Silder类CheckStep功能检查的重叠maily（它必须围绕线174）
限制最小旋钮设置在“this.drag.options.limit”和，同样在“this.maxdrag.options.limit”最大旋钮限制....
另外，我有一个的重叠，还是首次发生的问题（即，直到CheckStep功能被称为ATLEAST一次。），所以我不得不做的添加一个检查，看如果滑块正在initialied的，在做以下“SETMAX”功能（arounf线在silder.js 138）
-------
如果（this.options.isinit）{
林VAR = {}; VAR公里，MX;
MI = - this.options.offset;
MX = parseInt（this.maxknob.getStyle（'左'）） - this.options.offset-4;
this.z林[] = [MI，MX];
this.drag.options.limit =林;
this.options.isinit =虚假的;
}
---------
阿德利诺说：
2009年2月12日，5:13上午
尼基出色的工作！我喜欢它。
Mootools的最新版本有问题，你可以修改的JavaScript在HTML页面的演示如下：
你将需要下载两个MooTools的版本（核心）。
/ /负荷
window.addEvent（domready事件'，函数（）{
VAR mySlideA =新的滑块（$（“slider_minmax_gutter_m），$（slider_minmax_minKnobA”），$（'slider_bkg_img'）{
开始：1920年，结束：2020年，偏移：10 knobheight：20
onChange事件：功能（POS）{$（“slider_minmax_min）集（'文本'，'分'+ pos.minpos）; $（”slider_minmax_max）集（“文本”，“最大”+ pos.maxpos）。 ;}
。}，$（'slider_minmax_maxKnobA））setMin“（1981）SETMAX（2002年）;
VAR mySlideB =新的滑块（$（“slider_gutter_1），$（”slider_knob_1），$（“slider_bkg_img_1），{
开始：0
120年底，
偏移量：10
onChange事件：功能（POS）{
$（“slider_current_val）集（”文本“，POS +”英寸“）。;
}
}，空）setMin“（100）;
$（“slider_current_val）集（”文本“，100 +”英寸“）。;
}）;
MooTools的滑块使用范围指示器（两个旋钮）| WebGurus设计博客说：
2009年2月12日下午01:29
[...]我终于改变了我的搜索关键字“有两个旋钮，滑块”，我发现“两个旋钮的MooTools的滑块由Nikhil D.昆德人拥有一个博客写的名称是”表达它“。这[...]
尼基说：
2009年2月14日，6:29上午
布赖恩
对不起！应该早日答复。我米已经工作在第一特（捕捉功能）...参与了一些面包和奶油项目，所以得到优先考虑。
尽快将这项工作，我得到任何一点时间......
此外，进出口仍然没有明确的关于你的第二个额外！ ...
尼基说：
2009年2月14日，11:03 PM
布赖恩
我必须说，这个（幻灯片步骤似乎是1虽然螺母，虽然我看到其他滑块有此功能）。我坐在这最后的夜晚，结束了我的头发拉过了整整一夜。在逻辑上似乎很容易和管理，很容易把它列入。但在视觉上，它似乎挑战，我似乎尚未严重失败。
好吧！我想，我可能会帮助我，如果我的WIP文件发布，也许你（和其他人）可以修复它...我似乎失去...我会很快再看看它......但与此同时，这里是我的工作版本，
下载MooTools的滑块与幻灯片的步骤滑块
哦！忘了提的问题......
移动，直到结束滑块，该滑块似乎并不.... 尝试将它移动到它的最大价值......
表达的IT»博客存档»Understandng的CSS clip属性说：
2009年2月17日，3:23上午
[...] CSS的作家大多会同意，CSS Clip属性可能是最未使用CSS属性之一。这是我的真实，是最幸福的忽视它，直到我开始修改MooTools的两个旋钮（PIN）滑块组件（带范围指示器）。 [...]
MooTools的双铰接滑块范围指示器| Moojaxee说：
2009年2月17日，5:36上午
[...]他已经决定创建自己的MooTools的滑块两个旋钮范围指示器（双铰接滑块）。你可以很容易地改变外观和感觉范围的指示灯，旋钮，滑块，滑块轨道由[...]
安博专辑»Mootools的双铰接滑块范围指示说：
2009年2月17日下午12:48
[...]他已经决定创建自己的MooTools的滑块两个旋钮范围指示器（双铰接滑块）。你可以很容易地改变外观和感觉范围的指示灯，旋钮，滑块，滑块轨道由[...]
尼基说：
2009年2月17日下午9:40
布赖恩
对不起！我应该提到...... 版本2.20（不幸的是，仍然在制品状态，它已经很难跟上版本）...所以你可以verywell下载的新版本（2.2），而不是在WIP版本我以上提供包括在改变，幻灯片步骤...
thanx
聂
MooTools的两个旋钮，滑块范围指标| Greepit.com |开源资源 “ 为设计师和开发人员：
2009年2月22日下午03:13
[...] RSS更新此topic.Powered饲料由可湿性粉剂迎接BoxA真的handly和美丽的滑块由Nikhil，而他找双滑块固定。虽然，他没有找到做得好的几双[...]
70个新的，有用的AJAX和JavaScript技术开发人员的工具箱|非凡的杂志说：
2009年3月8日下午03:01
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
WordPress的博客服务- 70个新的，有用的AJAX和JavaScript技术，说：
2009年3月8日下午11:31
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
70个新的，有用的AJAX和JavaScript技术| How2Pc说：
3月9日，2009在1:56上午
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
70个新的，有用的AJAX和JavaScript技术| Feed阅读器（测试版）说：
3月9日，2009在1:57上午
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
http://www.digiwu.com»博客存档»70新的，有用的AJAX和JavaScript技术说：
3月9日，2009在7:02上午
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
免费主题：彩色纸Wordpress主题上的碎杂志| Feed阅读器（测试版） “：
3月9日，2009在10:57上午
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
70个新的，有用的AJAX和JavaScript技术| ClickLogin网页设计说：
2009年3月9日下午2:32
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
IT技术和一些»70个新的，有用的AJAX和JavaScript技术，说：
2009年3月17日，6:56上午
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
»15 MooTools的技术WebAir博客说：
2009年3月26日下午12:38
[...] MooTools的滑块有两个旋钮[...]
南兹奥菲奥雷说：
2009年3月28日，3:41上午
喜的人，
伟大的网站和伟大的工作......我想我会使用它的个性化我moogenda（ http://www.moonkiki.com/moongenda/moogenda.html ）..
我会增加它的形式，你在哪里设置在会议ellapsed的时间......但首先，我有一个问题
它有可能设置的对象有十进制数
类似
8
8.5
9
9.5
10
10.5
等？
THX
南兹奥
尼基说：
2009年3月31日，下午1:25
嘿南兹奥
滑块组件本身不能处理小数幻灯片步骤......但您的要求，所有你需要的是显示十进制值（和处理的要求后）......所以你可以做什么是如下...
VAR mySlideC =新的滑块（$（“slider_gutter_C），$（”slider_knob_C），$（“slider_bkg_img_C），{
启动：1，
100年底，
偏移量：0
单元：真实，
numsteps：100，
onChange事件：功能（POS）{
美元（“slider_current_val_2）setHTML（POS / 2 +”英寸“）;
}
}，空）setMin“（5）;
注意：如果你想显示一半值，如（1.5，2，2.5，3等），您可以设定为1-100的范围内，设置100 numsteps为1-50范围滑块和显示它在美元（“slider_current_val_2）分数setHTML（POS / 2 +'英寸'）;
希望这有助于！
南兹奥菲奥雷说：
2009年3月31日，1:32 PM
您好聂
你再伟大...... 今天晚上，我会尽力，我会告诉你，我会做什么
再次感谢您
南兹奥
南兹奥菲奥雷说：
2009年3月31日，1:36 PM
南兹奥菲奥雷说：
2009年3月31日，1:37 PM
以前的职位，这是一个剪切和粘贴错误
这是正确的
http://moonkiki.blogspot.com/2009/03/knob-in-moogenda.html
尼基说：
2009年3月31日，下午3:30
嘿南兹奥
这就是一种荣誉！感谢吨！
最良好的祝愿，氮
MoonKiKi说：
2009年4月3日，4:00上午
嗨，
我希望我这个职位的东西你的读者的快感
http://moonkiki.blogspot.com/2009/04/gift-knob-zone-for-knob-on.html~~V
尼基说：
2009年4月6日下午2:10
MoonKiki，
这是有益的。至少会有一个人来看待现实生活中的例子。我用我的两个项目工程这个MooTools的范围滑块......可悲的是他们仍然UAT的！
再次感谢
ñ
moonkiki说：
2009年4月10日下午07:36
你说得对，只是一个星期或视频
安博相簿»70个新的，有用的AJAX和JavaScript技术，说：
2009年4月12日下午01:04
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
dapepan说：
2009年4月13日，1:56 PM
您好！
我有些怀疑使用双固定滑块。我想送信息，以便发送到一个jsp页面，我不知道如何做到这一点，我在选择滑块。我想有一个功能Xiluodu得到最小值和最大值的JavaScript，你能帮助我吗？
谢谢！
广告说：
2009年4月14日下午11:39
您好尼基
感谢这个伟大的滑块。我用了三个第一滑块，似乎无法找出如何实现它像第三步骤。可以请你告诉我什么，我需要编辑滑动递增10。
谢谢
nurettin说：
4月15日，2009 6:18 PM
我喜欢你的脚本。
谢谢
xurk说：
5月7日，2009 1:24 PM
您好尼基
第一关：MooTools的Slider类的实现！这是很容易的在那里最好的版本。我也认为它是唯一一个提供两个旋钮，而不是只有一个方法可行，甚至停止相互传递！
我有一个虽然问题的例子，即使没有显示出来，我的JS文件中看到，“垂直”模式从原来的Slider类仍然是在那里，我需要一个有两个旋钮垂直滑块，所以，我设置“模式”选项“垂直”。一些CSS调整作出的，但是，这不是太艰巨的任务。问题是，旋钮将不正确的行为了 - 他们“跳”来定位-2每当我试图将它拖到其他地方，另外一个幻灯片好吗之一，但不会通过一个滑块上的某些位置。
由于我不知道究竟是怎么了，我想，也许你刚刚不包括您的扩展类函数的垂直滑块？我试图修改类，在这里和那里，但无济于事。或者如果你没有做到这一点，是有可能，你可以包括例如如何使垂直的双旋钮，滑块功能正常吗？我将不胜感激！
所以，如果你会愿意考虑这个问题，谢谢你提前为你的努力！
欢呼声，
xurk
格热戈日说：
2009年6月19日下午05:06
我有两个输入域与持有滑块值，用户可以改变输入值，我要更新旋钮位置。我写此功能。
这是我的建议：
moveToStep：功能（步骤，最大值）{
（（步骤= this.options.start）&&（步骤this.step），{
this.maxstep =加强;
this.maxknob.setStyle（“左”，parseInt（this.toPosition（一步）））;
}
}否则{
/ /分钟
（加强<this.maxstep）{
this.step =加强;
this.knob.setStyle（“左”，parseInt（this.toPosition（一步）））;
}
}
this.checkStep（1）;
this.end（）;
}
}，
一分钟前我已经书面上，所以可能有错误
世界您好！ «Trungquy的博客说：
2009年6月20日，11:18上午
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]
symos说：
2009年6月26日下午02:12
您好
梦幻般的工作！真正有用的东西！
只是想提几个问题和解决办法：
1。 “啪”只适用于最小滑块，不是最大。添加：
（maxknob！= NULL）{
this.maxdrag.options.grid =（this.full）/ this.options.numsteps的;
this.z this.maxdrag.options.limit [] [1] = this.full;
}
里面的“如果（this.options.snap）”似乎是解决这个问题。
然而，有更多的问题：
2。最大滑块步骤举动，但在某些情况下停止结束前的一个步骤，有做MX极限为maxdrag的是如何计算内checkStep功能。
现在，这是一个非常复杂的解决方案，在所有情况下可能无法正常工作，但我发现改变：
MX = this.max - this.options.offset;
至
MX = this.max - this.options.offset + 0.1;
使问题在所有不同的min / max和步骤的组合，我试着去。
也许，如果你不需要的界限，动态改变，像我的情况下，你不会有这个问题，但如果你这样做，这可能会为你做。
现在我可以去和我喜欢双滑块价格过滤asos.com！
感谢尼基！
70个新的，有用的AJAX和JavaScript技术“拉梅什说：
2009年7月9日下午06:06
[...] MooTools的两个旋钮，这是两个旋钮（即双固定滑块）范围内的指标，MooTools的滑块滑块。退房的演示。 [...]