Is there a simple JavaScript slider

Question

I need to create a custom volume slider for a WMP object   The current slider is complicated to modify  and use  is there a simple way to generate a slider on an HTML page that can have it s value passed to a javascript function

User · Answer

There s a nice javascript slider  it s very easy to implement  You can download the zip package here  http   ruwix com javascript-volume-slider-control    p s  here the simplified version of the above script     DEMO link

User · Answer

The lightweight MooTools framework has one  http   demos mootools net Slider

User · Answer

jQuery UI Slider  API docs

User · Answer

A simple slider  I have just tested this in pure HTML5  and it s so simple     lt input type  range  gt    It works like a charm on Chrome  I ve not tested other browsers yet

User · Answer

Here is a simple slider object for easy to use  pagecolumn webparts sliders

User · Answer

HTML 5 with Webforms 2 provides an  lt input type  range  gt  which will make the browser generate a native slider for you  Unfortunately all browsers doesn t have support for this  however google has implemented all Webforms 2 controls with js  IIRC the js is intelligent enough to know if the browser has implemented the control  and triggers only if there is no native implementation   From my point of view it should be considered best practice to use the browsers native controls when possible

User · Answer

jQuery UI Slider  API docs

User · Answer

I recommend Slider from Filament Group  It has very good user experience  http   www filamentgroup com lab update jquery ui slider from a select element now with aria support

User · Answer

hey i ve just created my own JS slider because I had enough of the heavy Jquery UI one   Interested to hear people s thoughts   Been on it for 5 hours  so really really early stages   jsfiddle slider

User · Answer

Here is another light JavaScript Slider that seems to fit your needs

User · Answer

Yahoo UI library has also a slider control

User · Answer

Yahoo UI library has also a slider control

User · Answer

script aculo us has a slider control that might be worth checking out

User · Answer

HTML 5 with Webforms 2 provides an  lt input type  range  gt  which will make the browser generate a native slider for you  Unfortunately all browsers doesn t have support for this  however google has implemented all Webforms 2 controls with js  IIRC the js is intelligent enough to know if the browser has implemented the control  and triggers only if there is no native implementation   From my point of view it should be considered best practice to use the browsers native controls when possible

User · Answer

The lightweight MooTools framework has one  http   demos mootools net Slider

User · Answer

The code below should be enough to get you started  Tested in Opera  IE and Chrome    lt script gt  var l 0  function f i   im    i    l  d document all im   d height 99  document all f1 t1 value i  im    i    i  d document all im   d height 1  l i     lt  script gt   lt center gt   lt form id  f1  gt   lt input type text value 0 id  t1  gt   lt  form gt   lt script gt  for  i 0 i lt  50 i        s     lt img src  j jpg  height 99 width 9 onMouseOver  f     i       id  i    i      gt     document write s       lt  script gt

User · Answer

jQuery UI Slider  API docs

User · Answer

The Carpe Slider has newer versions also   v1 5 carpe ambiprospect slider v2 0b    slider drafts v2 0

User · Answer

script aculo us has a slider control that might be worth checking out

User · Answer

I recommend Slider from Filament Group  It has very good user experience  http   www filamentgroup com lab update jquery ui slider from a select element now with aria support

User · Answer

jQuery UI Slider  API docs

User · Answer

HTML 5 with Webforms 2 provides an  lt input type  range  gt  which will make the browser generate a native slider for you  Unfortunately all browsers doesn t have support for this  however google has implemented all Webforms 2 controls with js  IIRC the js is intelligent enough to know if the browser has implemented the control  and triggers only if there is no native implementation   From my point of view it should be considered best practice to use the browsers native controls when possible

User · Answer

The lightweight MooTools framework has one  http   demos mootools net Slider

User · Answer

Yahoo UI library has also a slider control

User · Answer

Here is a simple slider object for easy to use  pagecolumn webparts sliders

User · Answer

Yahoo UI library has also a slider control

User · Answer

hey i ve just created my own JS slider because I had enough of the heavy Jquery UI one   Interested to hear people s thoughts   Been on it for 5 hours  so really really early stages   jsfiddle slider

User · Answer

A simple slider  I have just tested this in pure HTML5  and it s so simple     lt input type  range  gt    It works like a charm on Chrome  I ve not tested other browsers yet

User · Answer

Here is another light JavaScript Slider that seems to fit your needs

User · Answer

script aculo us has a slider control that might be worth checking out

User · Answer

script aculo us has a slider control that might be worth checking out

User · Answer

The lightweight MooTools framework has one  http   demos mootools net Slider

User · Answer

The Carpe Slider has newer versions also   v1 5 carpe ambiprospect slider v2 0b    slider drafts v2 0

User · Answer

There s a nice javascript slider  it s very easy to implement  You can download the zip package here  http   ruwix com javascript-volume-slider-control    p s  here the simplified version of the above script     DEMO link

User · Answer

HTML 5 with Webforms 2 provides an  lt input type  range  gt  which will make the browser generate a native slider for you  Unfortunately all browsers doesn t have support for this  however google has implemented all Webforms 2 controls with js  IIRC the js is intelligent enough to know if the browser has implemented the control  and triggers only if there is no native implementation   From my point of view it should be considered best practice to use the browsers native controls when possible

User · Answer

The code below should be enough to get you started  Tested in Opera  IE and Chrome    lt script gt  var l 0  function f i   im    i    l  d document all im   d height 99  document all f1 t1 value i  im    i    i  d document all im   d height 1  l i     lt  script gt   lt center gt   lt form id  f1  gt   lt input type text value 0 id  t1  gt   lt  form gt   lt script gt  for  i 0 i lt  50 i        s     lt img src  j jpg  height 99 width 9 onMouseOver  f     i       id  i    i      gt     document write s       lt  script gt

[javascript] Is there a simple JavaScript slider?

Examples related to javascript

Examples related to slider

Examples related to controls

Examples related to wmp