Form Range verschillende waardes

Door Onbekende gebruiker op 06-12-2014 13:04

1.073 views

Hallo,

Is het mogelijk om bij de input range waardes te hebben waar geen regelmaat in zit?
Ik moet namelijk een slider maken waarbij klanten het aantal ram voor een server moeten kiezen.
Dit is tot nu toe mijn code:


	<input id="ram" type="range" min="265" max="1892" step=".25" value="265">

En dit de waardes:
265
512
1024
1536
2048
3072
4096
5120
6144
7168
8192

Fine middag,
Pascal

Frank Nietbelangrijk

06-12-2014 13:15 gewijzigd op 06-12-2014 13:34

Je kunt toch gewoon met javascript de value van de input telkens overschrijven als er aan de slider gerommeld wordt?

Zet die waardes gewoon in een array. Het zijn er elf? dan mag de slider dus van nul tot en met 10.

Als de gebruiker hem dan op 0 zet dan neem je de waarde uit array[0] en zet de gebruiker hem op 5 dan neem je array[5]

Ariën

06-12-2014 13:23

En verder begin je met 256 ;-)

Frank Nietbelangrijk

06-12-2014 13:33 gewijzigd op 06-12-2014 13:34

gaat lekker moest die vorige wijzigen ...

Eddy E

06-12-2014 14:41

Ja, met <datalist>

Voorbeeld:

<label for="rammer">RAM-hoeveelheid</label>
<input type="range" min="256" max="2048" value="1024" id=rammer list="ramkeuzes">
<datalist id=ramkeuzes>
<option>256</option>
<option>512</option>
<option>1024</option>
<option>2048</option>
</datalist>

Zie http://demosthenes.info/blog/757/Playing-With-The-HTML5-range-Slider-Input

Reageren

Inloggen om te reageren