Script pro ovládání inputů – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím, potřeboval bych menší radu ohledně vzájemného ovlivňování  <input id = a type=number> a <input id = b type=range>.  Můj záměr byl, že při změně na posuvníku se hodnota bude zapisovat do number, a při změně number se bude hýbat posuvník.

Zkusil jsem to jednoduše ve funkci vyvolané eventem onchange (u obou inputu ) ošetřit ifem:

function test(obj)

if(obj.id="a"){
  document.getElementById("b").value = obj.value;
}
if(obj.id="b"){
  document.getElementById("a").value = obj.value;
}

Toto řešení ale nefunguje tak jak by mělo. Při změně na number  se posuvník hýbe, ale při posouváni posuvniku(range) se to cele zabuguje, rozhodi se pozice techto inputu a nejde nic :-)

Nějaké nápady? 

#1 Ajonk
Zdravim,

zkopíroval jsem tvojí funkci a překvapilo mě pár chyb: funkce nebyla uzavřena do složených závorek + porovnávací rovnítko bylo jen jedno, takže z něj bylo rázem rovnítko přiřazovací

Proto se tedy ptám jestli to je překlep v rychlosti nebo slabá chvilka autora :)

http://www.testing.jabko.net/…erRange.html

zde mi to po opravení těch chyb funguje :) ale je nutno zadat defaultní value, jinak to je nějaký divný :D

přikládám opravený JS:

function test(obj) {
	if(obj.id=="a"){
		document.getElementById("b").value = obj.value;
	}
	if(obj.id=="b"){
		document.getElementById("a").value = obj.value;
	}
}

ještě dodám, že ten parametr obj tam vůbec nemusí být, protože volající prvek najdeš v event.target :)