Бесплатные скрипты : JavaScripts

главная добавить в избранное карта сайта контакт
Бесплатные скрипты

Графика
Навигация, кнопки, меню...
Окна
Скроллинг
Статистика
Текст, ссылки...
Формы
Фреймы
Часы, календари, калькуляторы...
Разное



Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама

Бесплатные JavaScripts



Скроллинг


Метод doScroll, реализованный в Internet Explorer 5.0, позволяет управлять прокруткой содержимого любого элемента. Этот метод имеет один параметр, который указывает, как выполняется прокрутка:.

ЗначениеОписание
scrollbarDownЗначение по умолчанию.
Прокрутка вниз. Синоним - down
scrollbarHThumbГоризонтальная прокрутка с использованием полосы прокрутки
scrollbarLeftПрокрутка влево. Синоним - left
scrollbarPageDownПрокрутка на страницу вниз.
Синоним - pageDown
scrollbarPageLeftПрокрутка на страницу влево.
Синоним - pageLeft
scrollbarPageRightПрокрутка на страницу вправо.
Синоним - pageRight
scrollbarPageUpПрокрутка на страницу вверх.
Синоним - pageUp
scrollbarRightПрокрутка вправо.Синоним - right
scrollbarUpПрокрутка вверх.Синоним - up
scrollbarVThumbВертикальная прокрутка
с использованием полосы прокрутки

Для реализации программной прокрутки мы включаем в состав страницы четыре кнопки — up, down, left и right. Далее мы пишем следующий обработчик нажатия, единый для всех кнопок:

<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>

А в элементах <input>, описывающих кнопки, добовляем нестандартный атрибут 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 (надписи выделенные зеленым необходимо откорректировать):

<div id=ScrDiv style="width:150px; height:100px; overflow:scroll;">
 






DOWNLOADSCRIPTS © 2009-