Метод doScroll, реализованный в Internet Explorer 5.0, позволяет управлять прокруткой содержимого любого элемента. Этот метод имеет один параметр, который указывает, как выполняется прокрутка:(НА ДЕМО САЙТЕ упоменённом ниже) Для реализации программной прокрутки мы включаем в состав страницы четыре кнопки — up, down, left и right. Далее мы пишем следующий обработчик нажатия, единый для всех кнопок:
Code
<script language="JavaScript">
<!--
function doClick(btn)
{
switch(btn)
{
case "0" :
ScrDiv.doScroll("pageUp");
case "1" :
ScrDiv.doScroll("pageDown");
case "2" :
ScrDiv.doScroll("pageLeft");
case "3" :
ScrDiv.doScroll("pageRight");
}
}
//-->
</script>
А в элементах
, описывающих кнопки, добовляем нестандартный атрибут code и вызов обработчика нататия:
Code
<input type="button" value="up" code="0" onClick="doClick(this.code)">
<input type="button" value="down" code="1" onClick="doClick(this.code)">
<input type="button" value="left" code="2" onClick="doClick(this.code)">
<input type="button" value="right" code="3" onClick="doClick(this.code)">
Для того чтобы включить у того или иного элемента полосы прокрутки, следует применить к этому элементу стиль overflow:scroll (надписи выделенные зеленым необходимо откорректировать):
Code
<div id=ScrDiv style="width:150px; height:100px; overflow:scroll;">
Покормить админа