CODEWITHSUNDEEP
javascriptuser-interfacehtmlcanvas
Claudiu
Claudiu

Reputation: 229361

HTML Slider element?

I'm coding an app (temporarily up here), and I want to make its parameters modifiable. I feel the best way to do this would be with your standard GUI slider elements (a la this, but not so ugly). I just noticed that the DOM doesn't provide these, however...

What's the best way to introduce sliders to a webpage? Is there a standard library that everybody uses? Should I just roll my own? Or should is there a different element I can use? Should I embed them in the canvas element somehow?

Upvotes: 8

Views: 30594

Answers (4)

Ben Boyle
Ben Boyle

Reputation: 1726

There is a slider control in HTML5, it's done with <input type="range" … />.

Check browser support here: http://caniuse.com/input-range

Upvotes: 33

jaywon
jaywon

Reputation: 8234

I'm sure there is probably a jQuery library for this as well, but this MooTools library is one that I have used before and had no complaints:

MooTools Slider

Upvotes: 0

Julio
Julio

Reputation: 549

I have used the one in YUI3. It is still in beta but it provides a lot of great features and skins. http://developer.yahoo.com/yui/3/slider/

Upvotes: 0

MiffTheFox
MiffTheFox

Reputation: 21565

jQuery UI does support this.

If you're already using jQuery, it would be easy to learn.

Upvotes: 6

Related Questions