Form Range verschillende waardes
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:
En dit de waardes:
265
512
1024
1536
2048
3072
4096
5120
6144
7168
8192
Fine middag,
Pascal
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:
En dit de waardes:
265
512
1024
1536
2048
3072
4096
5120
6144
7168
8192
Fine middag,
Pascal
PHP hulp
19/12/2024 08:42:24Frank Nietbelangrijk
06/12/2014 13:15:36Je 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]
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]
Gewijzigd op 06/12/2014 13:34:41 door Frank Nietbelangrijk
Frank Nietbelangrijk
06/12/2014 13:33:49gaat lekker moest die vorige wijzigen ...
Gewijzigd op 06/12/2014 13:34:28 door Frank Nietbelangrijk
Eddy E
06/12/2014 14:41:15Ja, met <datalist>
Voorbeeld:
Zie http://demosthenes.info/blog/757/Playing-With-The-HTML5-range-Slider-Input
Voorbeeld:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<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>
<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