Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Автоматический скроллинг фреймов


Автор: GoodBoy 3.11.2004, 13:32
На рисунке показано расположение фреймов.

Задача: При прокрутке 4-го фрейма влево/вправо СИНХРОННО с ним должен прокручиваться 2-й фрейм, а при прокрутке 4-го фрейма вверх/вниз СИНХРОННО с ним должен прокручиваться 3-й фрейм.

Автор: Sardar 3.11.2004, 14:37
Ловим событие onscroll в 4'ом фрейме и опрашиваем scrollTop, scrollLeft. Прокручиваем другие фреймы устанваливая выше названные поля в значения из 4ого фрейма.

Автор: GoodBoy 3.11.2004, 15:11
Блин, вот я стормозил... smile=54
:-))))))))))))))))))))))))))))))))))))))))

Автор: Aliance 3.11.2004, 23:01
У каждого фрейма есть такой метод:
top.frames["main"].scrollTo(0, 0);
Если "играть" с помощью аргументов - можно достичь нужного результата

Автор: Sardar 4.11.2004, 00:07
Цитата(Aliance @ 3.11.2004, 22:01)
У каждого фрейма есть такой метод:

Мозилла просит специальное разрешение(permission) на эту операцию, по умолчанию не дает, пользователя не спрашивает.

Автор: GoodBoy 4.11.2004, 11:53
Поскольку мне нужно было решение ТОЛЬКО для ИЕ, то всё оказалось очень просто!!!

Структура фреймов:

HTML
<FRAMESET ROWS="50,*" BORDER=0 FRAMEBORDER="0">
<FRAMESET COLS="80,*">
<FRAME NAME="TopLeft" SRC="top_left.html" SCROLLING="no" FRAMEBORDER="0" NORESIZE>
<FRAME NAME="TopRight" SRC="top_rig.html" SCROLLING="no" FRAMEBORDER="0">
</FRAMESET>
<FRAMESET COLS="80,*">
<FRAME NAME="BotLeft" SRC="bot_left.html" SCROLLING="no" FRAMEBORDER="0" NORESIZE>
<FRAME NAME="BotRight" SRC="bot_rig.html" FRAMEBORDER="0">
</FRAMESET>
</FRAMESET>


а это пишем в правом нижнем фрейме (bot_rig.html):
Код

<script>
function doScroll() {
       top.TopRight.document.body.scrollLeft=document.body.scrollLeft;
       top.BotLeft.document.body.scrollTop=document.body.scrollTop;
}
</script>
<body onscroll="doScroll()">
...
</body>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)