HTML 5 range + javascript – HTML / XHTML – Fórum – Programujte.com

Zdravíčko, mám kód:

<input type="range" name="r1" min="1" max="20" value="0" step="1" onchange="showValue(this.value)" />
<span id="r1">0</span> minút
<script type="text/javascript">
function showValue(newValue)
{
	document.getElementById("r1").innerHTML=newValue;
}
</script>

<input type="range" name="r2" min="1" max="20" value="0" step="1" onchange="showValue(this.value)" />
<span id="r2">0</span> minút
<script type="text/javascript">
function showValue(newValue)
{
	document.getElementById("r2").innerHTML=newValue;
}
</script>

A mám problém s vecou, že ak pohnem slider "r1" tak sa číselná hodnota zobrazí v spane "r2". AK pohnem so sliderom "r2" tak sa v poriadku zobrazí v spane "r2". Chcel by som sa spýtať, čo by som mal prerobiť, alebo ako to spraviť tak, aby slider "r1" sa normálne zobrazoval v spane "r1" a nie tam, kde doteraz.

Ďakujem za pomoc.

#1 Anonym
Dvakrát deklaruješ funkci se stejným názvem, takže systém samozřejmě vezme první deklaraci. Buď funkci uprav tak, aby brala jako druhý argument id spanu a deklaruj ji jen jednou nebo použij toto.

<input type="range" name="r1" min="1" max="20" value="0" step="1" onchange="showValueR1(this.value)" />
<span id="r1">0</span> minút
<script type="text/javascript">
function showValueR1(newValue)
{
	document.getElementById("r1").innerHTML=newValue;
}
</script>

<input type="range" name="r2" min="1" max="20" value="0" step="1" onchange="showValueR2(this.value)" />
<span id="r2">0</span> minút
<script type="text/javascript">
function showValueR2(newValue)
{
	document.getElementById("r2").innerHTML=newValue;
}
</script>

#2 z_moravec

Aha, vďaka, ako si som si to nevšimol, ďakujem za radu.