Autor | Zpráva | ||
---|---|---|---|
Sennin Profil |
Zdravím páni ....
našiel som si na nete tento range slider ... ale kameň úrazu nastal keď som mu v <input id="range" type="range" class="range-slider"> nastavil min, max a step hodnotu vtedy sa natiaho na max šírku ktorú som udával v max hodnote...
čiže <input id="range" type="range" class="range-slider" min="500" max="6000" step="100"> nie som nijak zručný v js ale zistil som že to spôsobuje táto časť kódu: rangeValueBar.style.setProperty('width', `${rangeSlider.value}%`); a neviem ani za boha ako to spraviť aby to išlo zo sumy min 500€ a max 6000€ ale aby sa to neroztiahlo na tých 6000% ale tiež aby to slidovali s tým červeným pozadím. Hádam ste ma pochopili... Všetkým za pomoc vopred Ďakujem. |
||
Kcko Profil |
#2 · Zasláno: 14. 2. 2020, 22:26:56
Sennin:
.range-slider-container { position: relative; width: 600px; // nebo jina hodnota dle tebe ... } function rangeValueHandler() { rangeValueBar.style.setProperty('width', rangeSlider.value / 6000); rangeValue.innerHTML = `${rangeSlider.value}%`; } |
||
Časová prodleva: 4 roky
|
0