Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>you can use/customize the <a href="http://docs.jquery.com/UI/Slider" rel="nofollow noreferrer">slider</a> control provided by jQuery UI to solve your problem</p> <p>update: the code sample that you have requested in comment. The same sample is uploaded in <a href="http://elangovanr.com/samples/jquery/slider.html" rel="nofollow noreferrer">http://elangovanr.com/samples/jquery/slider.html</a></p> <hr> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; #slider { margin: 10px; } &lt;/style&gt; &lt;script&gt; $(document).ready(function () { $("#slider").slider( { min: 0, max: 100, step: 1, change: showValue }); $("#update").click(function () { $("#slider").slider("option", "value", $("#seekTo").val()); }); function showValue(event, ui) { $("#val").html(ui.value); } }); &lt;/script&gt; &lt;/head&gt; &lt;body style="font-size:62.5%;"&gt; &lt;p&gt; The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys. &lt;/p&gt; &lt;p&gt; This sample demonstrates the simple usage of the slider seek to function. For more information about slider, please procedd to http://docs.jquery.com/UI/Slider &lt;/p&gt; &lt;div id="slider"&gt;&lt;/div&gt; Seek To : &lt;input id="seekTo" type="text" value="10" /&gt; &lt;input id="update" type="button" value="Update" /&gt; Current Value : &lt;span id="val"&gt;0&lt;/span&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload