Sn4ke

Не совсем то... Нет второго способа выбора (ручной ввод). Но покопаюсь, погляжу, как сделано. А ещ? предложения есть? PS Совсем забыл: спасибо

Всем доброго времени суток! Я с недавнего времени изучаю web-программирование и хотел бы попросить подсказать идею реализации слайдера для выбора оценки (по 100-бальной шкале) чего бы то ни было. Внешний вид того, что должно получиться - здесь: http://www.st-den.com/index.php?step=2 (некорректо отображается в Firefox и Safari). (Не удивляйтесь внешнему виду сайта и большому количеству англоязычного мата. Этот сайт - что-то вроде моей песочницы, и я писал вс? что приходило в голову только для наличия текста в принципе.). То, что там есть, реализовано так: html: <div class="slider_container" onmousedown="set_slider();"><div class="slider" id="slider"></div></div> <div class="slider_value" id="slider_value">50</div> css: div.slider_container { height: 100px; width: 25px; background-color: gray; /* т?мный цвет выделенной (нижней) части слайдера */ border: 1px solid gray; margin: 0px; padding: 0px; cursor: pointer; } div.slider { height: 50px; width: 25px; border: 0px; background-color: #F0F3F6; /* светлый цвет невыделенной (верхней) части слайдера */ margin: 0px; } div.slider_value { height: 20px; width: 30px; border: 1px solid gray; padding: 3px; font-size: 14px; margin: 0px 0px 0px 50px; text-align: center; } java script: function set_slider() { document.getElementById('slider').style.height = event.offsetY; var slider_value = 100 - event.offsetY; document.getElementById('slider_value').innerHTML = slider_value; } Чего там не хватает: - Уже упомянутая кривость отображения в Firefox и Safari; - Нужно, чтобы при нажатии и удержании кнопки мыши, оценка тоже изменялась; - Нужно, чтобы можно было так же изменять оценку ручным вводом числа в текстовое поле. И чтобы при этом слайдер вставал в нужное положение. Естественно, я не прошу готовый код, просто пошлите меня в нужном направлении, а там уж я сам попробую разобраться