І. Б. Трегубенко Г. Т. Олійник О. М. Панаско Сучасні технології програмування в мережах

Вид материала

Документы

Содержание 4.4.Вікна та динамічне управління документами

Подобный материал:

• Робоча навчальна програма дисципліни " сучасні технології програмування в середовищі, 103.96kb.
• Сучасні інформаційні технології та інноваційні методи навчання у вивченні англійської, 93.41kb.
• Тема: Охарактеризуйте сучасні мови програмування. Назвіть принципи, що встановлюють, 76.56kb.
• Інформатика та сучасні інформаційні технологіі, 40.87kb.
• Н. Ю. Сучасні інформаційні технології у професійній підготовці майбутніх технологів, 170.31kb.
• Програма кредитного модуля " програмування процедурне програмування " для напрямків, 151.91kb.
• Сучасні технології прийняття управлінських рішень, 100.09kb.
• Програма фахового вступного екзамену з «менеджмент організацій І адміністрування» для, 125.76kb.
• Динамічне програмування один із видів задач математич­ного програмування, 83.38kb.
• О. В. Сучасні педагогічні технології: Курс лекцій, 86.47kb.

4.4.Вікна та динамічне управління документами

Створення вікон. Відкриття нових вікон в браузерi – надзвичайно важлива можливість мови " onclick="return false">
Розглянемо приклад, що демонструє, як можна відкрити нове вікно, потім як завантажити в це вікно HTML-сторінку і, нарешті, як його закрити:

В наведеному прикладі в нове вікно за допомогою методу ореn() записується сторінка page4.php.

Користувач має можливість управляти процесом створення вікна. Наприклад, можна вказати, чи повинне нове вікно мати рядок статусу, панель інструментів або меню. Крім того можна задати розмір вікна. Розглянемо приклад, в якому відкривається нове вікно розміром 400x300 пікселів без рядка статусу, панелі інструментів і меню.

Властивості вікна формулюються в рядку –

"width=400,height=300,status=no,toolbar=no,menubar=no".

Не слід розміщувати в цьому рядку символи пропуску.

Отже, відкриваючи вікна, ми повинні використовувати три аргументи:

myWin=open("page4.php","displayWindow",width=400,height=300,

status=no,toolbar=no,menubar=no")

Другий аргумент визначає ім'я вікна. Наприклад, якщо відомо ім'я вікна, можна завантажити туди нову сторінку за допомогою тегу:

<а href="page4.php" target="displayWindow">

При цьому необхідно вказати ім'я відповідного вікна (якщо ж такого вікна не існує, то з цим ім'ям буде створено нове). За допомогою змінної туwin можна дістати доступ до вікна. І оскільки це звичайна змінна, то зона її дії – той скрипт, в якому вона визначена. А тим часом, ім'я вікна (в даному випадку це displaywindow) – унікальний ідентифікатор, яким можна користуватися з будь-якого з вікон браузера.

Закриття вікон. Для того, щоб закривати вікна за допомогою мови " onclick="return false">

Якщо тепер в новому вікні натиснути кнопку, воно буде закрито.

Ореn() і close() – це методи об'єкту window. А тому звертатися до них не просто open() і close(), а window.open() і window.close(). Проте в нашому прикладі об'єкт window можна опустити, як вийняток виклику одного з методів цього об'єкту (таке можливо тільки для цього об'єкту).

Динамічне створення документів. Динамічне створення документів дозволяє скрипту на мові " onclick="return false">
Розглянемо приклад, в якому створюється простий HTML-документ, який виводиться в нове вікно.

Розглянемо функцію openwin4(). Спочатку відкривається нове вікно браузера. Оскільки перший аргумент функції ореn() – порожній рядок (""), то це означає, що ми не бажаємо в даному випадку вказувати конкретну адресу URL. Браузер повинен не тільки обробити документ – " onclick="return false">
У скрипті визначаємо змінну mywin. І з її допомогою можемо дістати доступ до нового вікна. При цьому не можемо застосовувати ім'я вікна (displayWindow).

Після того, як вікно відкрите, наступає черга відкрити для запису об'єкт document. Робиться це за допомогою команди:

// відкрити об'єкт document для подальшого друку

mywin.document.open()

Тут ми звертаємося до ореn() – методу об'єкту document. Проте це зовсім не те ж саме, що метод ореn() об'єкту window. Ця команда не відкриває нового вікна – вона лише готує document до майбутнього друку. Крім того, ми повинні поставити перед document.open() приставку mywin, щоб дістати можливість писати в новому вікні.

У подальших рядках скрипта за допомогою виклику document.write() формується текст нового документа:

// згенерувати новий документ

myWin.document.write("
myWin.document. write("");

myWin.document.write("This HTML-document has been created ");

myWin.document.write("with the help of " onclick="return false">
myWin.document.write("");

myWin.document.write("")

В наведеному прикладі в документ записуються звичайні теги мови HTML. Цим фактично генерується розмітка HTML. Користувач може використовувати абсолютно будь-які теги HTML. Після закінчення цього потрібно знов закрити документ. Це робиться командою:

// закрити документ – (але не вікно!)

mywin.document.close()

Завдання. Розробіть сценарій, що дозволяє динамічно формувати документ в новому вікні на відповідну варіанту тему.

1. Квітковий салон.
   
2. Страхова компанія.
   
3. Туристична агенція.
   
4. Салон краси.
   
5. Фірма по виготовленню меблів.
   
6. Стоматологічна клініка.
   
7. Дизайн інтер"єру.
   
8. Школа раннього розвитку дитини.
   
9. Фірма з продажу обладнання.
   
10. Фірма по наданню юридичних послуг.