Form Range verschillende waardes

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

06/12/2014 13:04:51
Quote Anchor link
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:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
    <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
 
PHP hulp

PHP hulp

19/12/2024 08:42:24
 
Frank Nietbelangrijk

Frank Nietbelangrijk

06/12/2014 13:15:36
Quote Anchor link
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]
Gewijzigd op 06/12/2014 13:34:41 door Frank Nietbelangrijk
 
- Ariën  -
Beheerder

- Ariën -

06/12/2014 13:23:49
Quote Anchor link
En verder begin je met 256 ;-)
 
Frank Nietbelangrijk

Frank Nietbelangrijk

06/12/2014 13:33:49
Quote Anchor link
gaat lekker moest die vorige wijzigen ...
Gewijzigd op 06/12/2014 13:34:28 door Frank Nietbelangrijk
 
Eddy E

Eddy E

06/12/2014 14:41:15
Quote Anchor link
Ja, met <datalist>

Voorbeeld:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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>


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



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.