VPF::Привязка скрипта к слою - Форум программистов

Deerstop

Дата 16.7.2008, 11:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 7
Регистрация: 8.3.2006
Где: Москва

Репутация: нет
Всего: нет

Есть слой <div>, в котором нужно осуществлять вертикальную прокрутку, есть 2 кнопки (на другом слое) и скрипт

Код


var i=0;
var scroll_break=1;

function scroll_up(){
    if (i>=40)
        i=i-40;
    else if (i<40 && i>=0)
        i=0;
    document.getElementById('main').scrollTop=i;
    if (scroll_break)
        setTimeout('scroll_up();', 100);
    else
        scroll_break=1;
}
function scroll_down(){
    var scroll=document.getElementById('main').scrollTop;
    if ((i-5)<=scroll)
        i=i+40;
    else if ((i-5)>scroll)
        i=scroll;
    document.getElementById('main').scrollTop=i;
    if (scroll_break)
        setTimeout('scroll_down();', 100);
    else
        scroll_break=1;
}
function scroll_breaker(){
    scroll_break=0;
}

Код


<a href="#" onmousedown="scroll_up();" onmouseup="scroll_breaker();">кнопка вверх</a>
<a href="#" onmousedown="scroll_down();" onmouseup="scroll_breaker();">кнопка вниз</a>

Как осуществить привязку скрипта и слоя? Документ - php.

bars80080

Дата 16.7.2008, 11:46 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

php к делу не имеет никакого отношения
просто назови нужный див id="main"

Код


<style>
#main { overflow: hidden; width: 400px; height: 400px; }
</style>
<a href="#" onmousedown="scroll_up();" onmouseup="scroll_breaker();">êíîïêà ââåðõ</a>
<a href="#" onmousedown="scroll_down();" onmouseup="scroll_breaker();">êíîïêà âíèç</a>
<div id="main">
text <br /> text <br /> text <br /> text <br /> text <br />
text <br /> text <br /> text <br /> text <br /> text <br />
text <br /> text <br /> text <br /> text <br /> text <br />
text <br /> text <br /> text <br /> text <br /> text <br />
text <br /> text <br /> text <br /> text <br /> text <br />
text <br /> text <br /> text <br /> text <br /> text <br />
</div>

Deerstop

Дата 17.7.2008, 13:43 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 7
Регистрация: 8.3.2006
Где: Москва

Репутация: нет
Всего: нет

Спасибо огромное. Все работает.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »