Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

Web-программрование. Java Script(JS): Прокрутка фреймов

 

Исходники к уроку можно скачать здесь.

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS") и  Разработка сервиса сайта на PHP на примере партнерской программы).

 

Сегодня мы изучим, как прокручивать содержимое фрейма. Сделать это можно методом scrollTo(x,y). Давайте рассмотрим пример:

 

<html>

    <head>

        <title>Выбор товарной группы</title>

    </head>

    <body>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            function select_ware(x,y) {

                parent.picture.scrollTo(x,y)

            }

        </SCRIPT>

        <a href="javascript:select_ware(0,0)">Куртка красная</a><br>

        <a href="javascript:select_ware(0,500)">Куртка черная</a><br>

        <a href="javascript:select_ware(0,1000)">Куртка синяя</a><br>

        <a href="javascript:select_ware(0,2000)">Куртка кожанная</a><br>

        <a href="javascript:select_ware(0,2500)">Куртка джинсовая</a><br>

    </body>

</html>

 

 

Приведенный пример - это слегка модифицированный файл jacket_wares.html из предыдущего урока. Для того, что бы проиллюстрировать работу метода scrollTo(x,y) напихаем в файл jacket.jpg кучу картинок друг под другом:

Web-программрование. Java Script(JS): Прокрутка фреймов

 

После чего мы можем испытать эффект от прокрутки фрейма, тыкая на разный товар (среди круток):

 

Web-программрование. Java Script(JS): Прокрутка фреймов

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 

 


В избранное