Отправляет 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
31


За последние 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 на примере партнерской программы).

 

Функция open, которую мы изучали на прошлом уроке, возвращает ссылку на объект открытого окна. По этой ссылке можно обращаться к элемента окна, например, к его объекту document. Для обращения к окну, из которого было открыто дочернее окно, используем поле opener.

Рассмотрим пример. И так, окно, которое открывает другое окно:

 

<html>

    <head>

        <title>Урок 104. Java Script (JS): Всплывающие окна</title>

    </head>

    <body OnUnload="if (myWin) myWinClose()">

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

            var myWin

            function getInfo() {

                myWin=open("myWin.html","Пробное окно","height=250, width=300");

            }

        </SCRIPT>

        <input type="button" value="Введите информацию о себе" onClick="getInfo()">

        <div id="info"></div>

    </body>

</html>

 

И открываемое окно (myWin.html):

 

<html>

    <body>

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

            function commit() {

                var info=opener.document.getElementById("info");

                var name=document.getElementById("name").value;

                var sname=document.getElementById("sname").value;

                var birth=document.getElementById("birth").value;

                s="Ваше имя: "+name+"<BR>";

                s+="Ваша фамилия: "+sname+"<BR>";

                s+="Ваш год рождения: "+birth+"<BR>";

                info.innerHTML=s;

                opener.focus();

                window.close();

            }

        </SCRIPT>

        <h1>Введите информацию о себе</h1>

        Имя: <Input id="name" type="text"><br>

        Фамилия: <Input id="sname" type="text"><br>

        Год рождения: <Input id="birth" type="text"><br>

        <input type="button" value="ОК" onClick="commit()">

    </body>

</html>

 

Тестируем:

WEB-Программирование. "Java Script(JS): Всплывающие окна. Взаимодействие между окнами браузера."

 

Нажимаем на "ОК" и видим результат:

 

WEB-Программирование. "Java Script(JS): Всплывающие окна. Взаимодействие между окнами браузера."

 

 

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

 

 
В избранное