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


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

 

Новое окно можно открыть при помощи команды open. Вот пример:

<html>

    <head>

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

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

            function proba() {

                open("myWin.html","Пробное окно");

            }

        </SCRIPT>

    </head>

    <body>

        <input type="button" value="Нажми на меня" onClick="proba()">

    </body>

</html>

 

 

Правда, этот пример откроет не отдельное окно, а новую закладку:

Web-программирование. "Java Script(JS): Всплывающие окна. Открытие новых окон браузера."

 

 

Но если задать хотя бы ширину:

 

<html>

    <head>

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

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

            function proba() {

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

            }

        </SCRIPT>

    </head>

    <body>

        <input type="button" value="Нажми на меня" onClick="proba()">

    </body>

</html>

 

то окно откроется нормально:

 

Web-программирование. "Java Script(JS): Всплывающие окна. Открытие новых окон браузера."

 

 

Как вы поняли, width задает ширину. Параметр height задает высоту, одновременно можно задавать сразу несколько параметров:

<html>

    <head>

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

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

            function proba() {

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

            }

        </SCRIPT>

    </head>

    <body>

        <input type="button" value="Нажми на меня" onClick="proba()">

    </body>

</html>

 

Эффект от этого примера будет такой:

 

Web-программирование. "Java Script(JS): Всплывающие окна. Открытие новых окон браузера."

 

Параметр location задает режим отображения адресной строки:

<html>

    <head>

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

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

            function proba() {

                open("myWin.html","Пробное окно","location");

            }

        </SCRIPT>

    </head>

    <body>

        <input type="button" value="Нажми на меня" onClick="proba()">

    </body>

</html>

 

 

Web-программирование. "Java Script(JS): Всплывающие окна. Открытие новых окон браузера."

 

Параметром menubar можно задать меню:

<html>

    <head>

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

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

            function proba() {

                open("myWin.html","Пробное окно","location, menubar");

            }

        </SCRIPT>

    </head>

    <body>

        <input type="button" value="Нажми на меня" onClick="proba()">

    </body>

</html>

 

Выглядеть это будет так:

 

Web-программирование. "Java Script(JS): Всплывающие окна. Открытие новых окон браузера."

 

Если надо изменять размер окна, то мы можем задать параметр resizable:

open("myWin.html","Пробное окно","location, menubar, resizable");

 

Если хотим, что бы можно было отобразить статус внизу окна, то нужно задать параметр status.

Параметр toolbar определяет, что нужно выводить панель инструментов:

 

Web-программирование. "Java Script(JS): Всплывающие окна. Открытие новых окон браузера."

 

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