Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.05.2012, 12:30
Новичок на форуме
Отправить личное сообщение для melihovgv Посмотреть профиль Найти все сообщения от melihovgv
 
Регистрация: 10.05.2012
Сообщений: 2

Как сделать полосу прокрутки
Есть код
<style>
#doroga  {float: left; width: 706px; height: 20px; border: 1px solid #000; border-top: none}
#parovoz {height: 20px; width: 20px; background-color: red; position: absolute; cursor: pointer}
input    {width: 15ex; border: none}
</style>
<script>
function fWrk (ev)
{
var e = window.event || ev, l = e.pageX || e.clientX;
if (l > LL && l < LR) document.getElementById ('parovoz').style.left = l + 'px';
else l = (l < LL) ? 74 : 761;
with (document) {getElementById ('msk').value = l - 74; getElementById ('spb').value = 761 - l}
}
 
function fAdd ()
{
if (!self.LL)
   {
   var o = document.getElementById ('doroga'), d = o.offsetWidth, l = 0;
   while (o.offsetParent) {l += o.offsetLeft; o = o.offsetParent}
   LL = ++l; LR = l + d - 21;
   }
with (document) {onmousemove = fWrk; onmouseup = fDel}
}
 
function fDel () {with (document) {onmousemove = null; onmouseup = null}}
 
function clearSelection ()
{
if (document.selection && document.selection.empty) document.selection.empty ();
else if (window.getSelection)
   {var sel = window.getSelection (); if (sel && sel.removeAllRanges) sel.removeAllRanges ()}
}
 
setInterval (clearSelection, 10);
</script>
</head>
<body>
<div style="float: left; padding-right: 10px">Москва</div>
<div id="doroga">
<div id="parovoz" onmousedown="fAdd ()"></div></div>
<div style="float: left; padding-left: 10px">Санкт-Петербург</div>
<br style="clear: both">
<br><tt>Расстояние от Москвы, км: </tt><input id="msk" value="0">
<br><br><tt>Расстояние от Cанкт-Петербурга, км: </tt><input id="spb" value="687">


А нужно, как вот здесь okonti.ru
Чтобы прокручивая скорл, менялись значения высоты или ширины и цены.
Что нужно добавить в код?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как лучше сделать виджет? comentator Элементы интерфейса 0 25.03.2011 08:44
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Как сделать? При выходе мышкой за пределы окна браузера, начинает грузится другая стр alb Events/DOM/Window 13 01.09.2010 12:19
Вопрос как сделать эту панельку Определённых размеров и свойств. jei jQuery 3 09.06.2009 19:14
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24