Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Input a double range of values with start and end values [duplicate]

I have to select some values in a range, with a start and an end value, like in this image example : enter image description here

I search with <input type="range"> HTML element, but it can't have two selectors.

I can use JavaScript (even a library if a natural way doesn't exist) or PHP, and of course HTML and CSS. I didn't find anything like that, so you are my last hope.

Do you know something ?

P.S.: I know I could use two basics inputs, but it is a client wish to have a graphical unique input like that.

like image 311
Emilie Avatar asked Nov 22 '13 10:11

Emilie


People also ask

What will happen if you try to enter duplicate values in set?

Sets cannot contain duplicates. Duplicates are discarded when initializing a set. If adding an element to a set, and that element is already contained in the set, then the set will not change.

How do you avoid duplicates using data validation in Excel?

Go to Excel "Data" tab and click on the Data Validation icon to open the dialog box. On the Settings tab, choose "Custom" from the Allow drop down list and enter =COUNTIF($D:$D,D2)=1 into the Formula box.


2 Answers

NO jQuery solution

If you are not working with jQuery (like us) you would love this solution: https://refreshless.com/nouislider

Nice day

like image 190
DavidTaubmann Avatar answered Sep 20 '22 17:09

DavidTaubmann


A jquery double range slider for example http://jqueryui.com/resources/demos/slider/range.html

On http://plugins.jquery.com/ you can find lots of jquery plugins. If you look for range slider you will have more than one results.

like image 31
andrei Avatar answered Sep 20 '22 17:09

andrei