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>

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>

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

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

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

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

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

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

</body>

</html>

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

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

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

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

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

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

Последнее обновление ( 01.02.2014 г. )

« След.		Пред. »

Вернуться