Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Slider: Allow two handles on a slider-bar #2401

Closed
wants to merge 3 commits into from
Closed

Slider: Allow two handles on a slider-bar #2401

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1d5c43d
first changes to allow two handles on a slider-bar
hpbuniat Sep 8, 2011
8131084
simplified and re-structured the code, added some tests
hpbuniat Sep 12, 2011
b4950dc
Added changes from #2381 to work with multiple handles
hpbuniat Sep 12, 2011
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion docs/forms/forms-slider.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,11 +47,16 @@ <h2>Sliders</h2>
<p>The slider with a min of 500, max of 5,000 and initial value of 2,500</p>
<div data-role="fieldcontain">
<label for="slider-2">Input slider:</label>
<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" />
<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" data-range-theme="b" />
</div>

<p>Sliders also respond to the keyboards shortcuts. To increase the current value the Right Arrow, Up Arrow, and Page Up keys can be used. To decrease the current value the Left Arrow, Down Arrow, and Page Down keys can be used. To move the slider to its minimum or maximum value use the Home and End keys respectively.</p>

<p>An example of a range-slider</p>
<div data-role="fieldcontain">
<label for="slider-3">Input slider:</label>
<input type="range" name="slider-3" id="slider-3" value="50" min="0" max="100" data-handle-min="10" data-handle-max="55" data-range-theme="b" />
</div>

<h2>Refreshing a slider</h2>

Expand Down
2 changes: 1 addition & 1 deletion docs/forms/sliders/index.html
100644 → 100755
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ <h2>Sliders</h2>
<p>The slider with a min of 500, max of 5,000 and initial value of 2,500</p>
<div data-role="fieldcontain">
<label for="slider-2">Input slider:</label>
<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" />
<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" data-range-theme="b" />
</div>

<p>Sliders also respond to the keyboards shortcuts. To increase the current value the Right Arrow, Up Arrow, and Page Up keys can be used. To decrease the current value the Left Arrow, Down Arrow, and Page Down keys can be used. To move the slider to its minimum or maximum value use the Home and End keys respectively.</p>
Expand Down
Loading