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

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

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 680 RSS
←   Июнь 2014   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.easyprog.ru
Открыта: 27-06-2009
Адрес автора: comp.soft.prog.easyweb-owner@subscribe.ru

Автор
Александр

Статистика

680 подписчиков
0 за неделю
←   Все выпуски   →

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


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

Интернет магазин.

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

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

Web-программирование: "Java Script(JS): Обращение к функциям других фреймов"

 

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

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

 

Функции, объявление внутри фрейма доступны как методы соответствующего объекта windows. Например, если мы находимся внутри фрейма wares, и хотим обратится к функции selectGroup из фрейма groups, то мы можем добраться до нее через объект parent, используя вот такую конструкцию javascript:parent.groups.selectGroup('suit'). В качестве примера опять изменим файл jacket_wares.html из исходников предыдущего урока:

<html>

    <head>

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

    </head>

    <body>

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

            function select_ware(x,y) {

                parent.picture.scrollTo(x,y)

            }

            function up() {

                parent.picture.scrollBy(0,-50)

            }

            function down() {

                parent.picture.scrollBy(0,50)

            }      

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

        <br><br>

        См. так же <a OnClick="javascript:parent.groups.selectGroup('suit')" href="#">Костюмы</a><br>

        <br><br>

        <a href="javascript:up()">Вверх</a><br>

        <a href="javascript:down()">Вниз</a><br>

    </body>

</html>

 

 

Теперь при прсомотре курток у нас появляется ссылка "См. так же костюмы":

Web-программирование: "Java Script(JS): Обращение к функциям других фреймов"

 

при нажатии на эту кнопку у нас отобразиться группа "Костюмы":

Web-программирование: "Java Script(JS): Обращение к функциям других фреймов"

 

Вызов функции другого фрейма можно сделать и в href, только тогда надо указать в TARGET имя нужно фрейма, например вот так:

 

См. так же (через ссылку) <a href="javascript:selectGroup('suit')" TARGET="groups">Костюмы</a><br>

 

что аналогично предыдущей записи:

См. так же <a OnClick="javascript:parent.groups.selectGroup('suit')" href="#">Костюмы</a><br>

 

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