Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.06.2010, 14:27
Аватар для KonstantinK
Аспирант
Отправить личное сообщение для KonstantinK Посмотреть профиль Найти все сообщения от KonstantinK
 
Регистрация: 06.03.2010
Сообщений: 44

Бегунок - как сделать?
Подскажите идею или скрипт как сделать вот такой бегунок
ячейка для заполнения и
«бегунок» (примерно такой)
Ответить с цитированием
  #2 (permalink)  
Старый 21.06.2010, 14:35
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

Вот у меня код для бегунка завалялся:

<div style="cursor: pointer; width: 500px; height: 5px; background: #eee; border: 1px dashed #555;" id="area"></div>
<div style="margin-left: 0px; width: 10px; height: 10px; cursor: pointer; position: absolute; background: #555; margin-top: -8px;" onmousedown="movestart(this);" id="x"></div>
<div id="counter">0</div>

<script type="text/javascript">
function movestart (el) {
document.onmousemove = function (ev) {

e = ev || window.event;

	if (e.pageX == null && e.clientX != null ) { 
		var html = document.documentElement
		var body = document.body
	
		e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
		e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
	}

if (e.pageX < 510) {el.style.marginLeft = document.getElementById('counter').innerHTML = e.pageX - 10;
}
}
document.onmouseup = function () {document.onmousemove = null};
}
document.getElementById('area').onclick = function (event) {
document.getElementById('x').style.marginLeft = document.getElementById('counter').innerHTML = event.pageX - 10;
}
</script>


Чтобы сделать цену, просто записывай в поле текущий pageX. В коде есть запись pageX в DIV, что почти одно и то же.
Ответить с цитированием
  #3 (permalink)  
Старый 21.06.2010, 14:45
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

http://fastcoder.org/projects/?id=1
Ответить с цитированием
  #4 (permalink)  
Старый 21.06.2010, 17:42
Аватар для KonstantinK
Аспирант
Отправить личное сообщение для KonstantinK Посмотреть профиль Найти все сообщения от KonstantinK
 
Регистрация: 06.03.2010
Сообщений: 44

Octane,
exec,
Спасибо начинаю разбираться
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать такое fancy menu uonax Элементы интерфейса 2 22.05.2010 12:52
30(1|2) редирект от сервера. Или как лучше сделать редирект при верной отсылке форма. pizzZ AJAX и COMET 2 18.02.2010 09:06
Вопрос как сделать эту панельку Определённых размеров и свойств. jei jQuery 3 09.06.2009 19:14
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24