HTML 5 range + javascript – HTML / XHTML – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

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

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Anonym
~ Anonymní uživatel
429 příspěvků
31. 8. 2012   #1
-
0
-

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.

Nahlásit jako SPAM
IP: 95.105.245.–
Reklama
Reklama
z_moravec
~ Redaktor
+3
Posthunter
31. 8. 2012   #2
-
0
-

#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>
Nahlásit jako SPAM
IP: 147.251.29.–
Spát lze čtyři hodiny denně, spát déle je nemístný přepych.
Thomas Alva Edison
Anonym
~ Anonymní uživatel
429 příspěvků
31. 8. 2012   #3
-
0
-

#2 z_moravec

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

Nahlásit jako SPAM
IP: 95.105.245.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 7 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý