Geek Answers Handbook

JavaScript range slider / dual slider exists without using a frame

I am looking for a JavaScript control that is a range slider (double button) that:

  • DOES NOT use the existing JS structure (e.g. dojo, jquery, etc.) - if you cannot roll / create your own substructure where I can only compile the components that I need.
  • works in all major browsers.

For example, the Range slider is lower, but of course it uses jQuery - so this is not an option, because even if I built JQuery, including only those components that I need (JQuery UI core + Slider), it is 140kb MINIFIED:

http://jqueryui.com/demos/slider/#range

+7
javascript dhtml controls no-framework
source share
3 answers

jQuery UI has a nice option:

http://jqueryui.com/demos/slider/

+5
source share

YUI 3 (which is currently in preview mode) only pulls the absolute minimum amount of code needed to fulfill your requests. Their main example is a slider ( http://yuilibrary.com/yui/docs/slider/slider-basic.html ) only draws in 24k JavaScript and less than 1k CSS. It is pretty smooth.

disclosure: I work for Yahoo !.

+2
source share

Use the slider code http://www.walterzorn.com/dragdrop/dragdrop_e.htm#addons . This is a single descriptor, but the basic drag-drop.js is very flexible. You just need to add your own second slider and programmatically block the min-max range of each bar depending on the position of the other. You look at 1 12kb (lgpl'ed) script include and about 10-20 lines of code to implement this.

0
source share

More articles:


All Articles