Serdecznie zapraszam na stronę fotoRAF – moje fotografie z ofertą dotyczącą fotografii.
Gdy pojawi się potrzeba wprowadzania wartości liczbowej to możemy posłużyć się „sliderem” (suwakiem), który znany jest od dawna w wielu środowiskach programistycznych.
Wykorzystać można do tego celu tag <input>, który z parametrem range tworzy suwak:
<input type=range">
o wyglądzie takim jak zamieszczony poniżej (obrazek z Mozilla Firefox):
Do szału toto doprowadzić nie może no ale lepiej taki niż żaden :).
Suwak możemy dostosować do własnych potrzeb. Można podać zakres minimalny i maksymalny. Można podać „skok” z jakim zmieniać będzie się wartość powiązana z suwakiem. Można dodać domyślną wartość val, którą będzie przyjmować suwak po uruchomieniu strony. Jeśli pokusimy się o takie zmiany w kodzie strony umieścić musimy coś podobnego. Oczywiście min może być wartością ujemną a step np. dziesiątkami.
<input type="range" min="0" max="40" step="0.1" val="20">
Sam suwak to trochę mało by coś sensownego z tego wyszło. Poniżej „goły suwak” oraz dwa przykłady użycia suwaka z dodatkami.
Czytaj dalej Slider – zadawanie przez przesuwanie