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
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}%`;
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0