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

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

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 681 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


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


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

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

Статистика

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

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


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

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

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

 

WEB-программирование: «Java Script(JS): Фреймы. Взаимодействие между фреймами.

 

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

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

 

 Сегодня мы займемся взаимодействием фреймов с друг другом. Для начала немного видоизменим файл index.html, который мы создали на прошлом уроке, вот как он теперь будет выглядеть:

<html>

    <head>

        <title>Урок 97. Java Script (JS): Фреймы</title>

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

            function init() {

                wares.document.write("<h3>Выберите товарную группу, что бы увидеть список товаров</h3>");

                descr.document.write("<h3>Выберите товарную группу или товар, что бы увидеть описание</h3>");

            }

        </SCRIPT>

    </head>

    <frameset rows="80%, *" ONLOAD="init()">

        <frameset cols="15%, 20%, *">

            <frame Name="groups" src="groups.html">

            <frame Name="wares" src="javascript:void(0)">

            <frame Name="picture" src="picture.html">

        </frameset>

        <frame Name="descr" src="javascript:void(0)">

    </frameset>

</html>

 

 

Партнерская программа сайта www.easyprog.ru. Зарабатывайте вместе с нами.

Внимание!!!

Вводиться новая схема начисления партнерского вознаграждения, которая предусматривает премирование наиболее активных партнеров. Суть этой схемы заключается в том, что за определенный объем продаж партнера или привлеченных им партнером присваивается новый статус, который позволяет получать от своих продаж повышенное вознаграждение. Это вознаграждение может достигать 30% от суммы своих продаж плюс 5% от партнеров под вами до пятого уровня!

Подробнее...

 

В файл picture.html мы поместим только один тэг img:

<html>

    <head>

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

    </head>

    <body>

        <img src="start.jpg">

    </body>

</html>

 

который отобразит начальную картинку:

WEB-программирование: «Java Script(JS): Фреймы. Взаимодействие между фреймами.

 

В файле groups.html мы сделаем вывод данных в другие фреймы, для чего обратимся к ним через родительских объект, который обозначается как parent:

<html>

    <head>

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

    </head>

    <body>

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

            function selectGroup(group) {

                parent.wares.location.href=group+"_wares.html"

                parent.descr.location.href=group+".html"

                parent.picture.document.images[0].src=group+".jpg"

            }

        </SCRIPT>

        <h4>Выберите товарную группу,<br> которую вы хотите просмотреть.</h4>

        <a href="javascript:selectGroup('jacket')">Куртки</a><br>

        <a href="javascript:selectGroup('suit')">Костюмы</a><br>

        <a href="javascript:selectGroup('dress')">Платья</a><br>

        <a href="javascript:selectGroup('sarafan')">Сарафаны</a><br>

    </body>

</html>

 

 

Таким образом мы получили возможность при выборе группы отобразить список товаров в этой группе, описание группы и картинку:

WEB-программирование: «Java Script(JS): Фреймы. Взаимодействие между фреймами.

 

 

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

 
В избранное