Показать сообщение отдельно
  #5 (permalink)  
Старый 19.08.2012, 22:57
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

без jq никуда

<input type="range" min="1" max="10" id="range1" value="5">
<input type="range" min="1" max="10" id="range2" value="5">

<script>
window.onload = function () {
	var range1 = document.getElementById('range1');
	var range2 = document.getElementById('range2');

	document.body.onchange = function (e) {
		var target = e.target;
		if (target.id == 'range1') {
			range2.value = target.value;
		} else 
		if (target.id == 'range2') {
			range1.value = target.value;
		}
	}
	
}
</script>

PS: видимо нужна поддержка только хрома и оперы (может быть сафари)
http://htmlbook.ru/html/input/type
https://developer.mozilla.org/en-US/.../Element/input
Ответить с цитированием