КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Листинг 2.4. Файл chapter2/NewWnd/NewWnd. html
Листинг 2.3. Файл chapter2/CloseAll/CloseAll. html
<HEAD>
<Т1ТLЕ>Закриваємо вікно 6payзepa</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function CloseNavWnd()
{
if(confirm("Ви дійсно бажаєте закрити вікно браузера? "))
window.close();
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=white>
<Н1>Закриваємо вікно браузера</Н1>
<Р>Для того щоб закрити вікно браузера, натисніть кнопку "Close Navigator Window", розташовану нижче:
<FORM NAME="selectForm">
<P><INPUT TYPE="button" VALUE="Close Navigator Window"
onClick="CloseNavWnd();">
</FORM>
</BODY>
</HTML>
У області заголовка документа визначена функція CloseNavWnd:
function CloseNavWnd()
{
if{confirm("Ви дійсно бажаєте закрити вікно браузера?"))
window. close();
}
Ця функція обертається до методу confirm, що виводить на екран діалогову панель із запитом на закриття вікна. Якщо користувач натисне кнопку ОК, метод поверне значення true, а якщо на кнопку Cancel - значення false.
У випадку позитивної відповіді функція CloseNavWnd викликає метод close для поточного об'єкта window. У даному випадку таким об'єктом є вікно браузера. Замість об'єкта window можна вказувати об'єкт self, тому що це синонім поточного вікна:
self. close();
Для того щоб функція CloseNavWnd визивалася після того, як користувач натискає кнопку, у рядку визначення цієї кнопки зазначена оброблювач події onClick:
<P><INPUT TYPE="button" VALUE="Close Navigator Window"
onClick="CloseNavWnd();">
2.4.2. Открываем нове окно
При відкритті такого документа HTML на екрані з'являється діалогова панель із повідомленням.
Якщо натиснути на кнопку ОК у цій діалоговій панелі, то у вікні браузера з'явиться вміст документа.
У цьому вікні розташована кнопка Open Hello window. Якщо натиснути на цю кнопку, буде створене ще одне вікно браузера, у який завантажи_ уміст файла Hello.html. Проте зовнішній вигляд цього вікна буде декілька незвичний. У вікні немає ні смуг перегляду, ні меню, ні інструментальної лінійки - при створенні цього вікна в сценарії було зазначено, що перераховані вище елементи користувального інтерфейсу відображати не потрібно. Крім того, були визначені точні розміри вікна.
Якщо тепер закрити вікно документа NewWnd. html, на екрані з'явиться діалогова панель із запрошенням.
Вихідний текст документа HTML NewWnd. html поданий у листинге 2.4.
<HTML>
<HEAD>
<TITLE>Window object</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Hello()
{
window.alert("Welcome to my home page!")
}
function Bye()
{
window.alert("Bye! Come back again!")
}
function OpenHelloWnd()
{
var wndNewWindow;
wndNewWindow = window.open("hello.html","", "toolbar=no,menubar=no,scrollbars=no,width=300,height-100");
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=white onLoad="Hello()" onUnload="Bye()">
<Hl>Open second window</Hl>
<FORM NAME="selectForm">
<P><INPUT TYPE="button" VALUE="Open Hello window"
onClick="OpenHelloWnd();">
</FORM>
</BODY>
</HTML>
У операторі <BODY> задане опрацювання події onLoad і onUnload:
<BODY BGCOLOR=white onLoad="Hello()" onUnload="Bye()">
Коли користувач завантажує документ, після закінчення завантаження браузер викликає функцію Hello, призначену для опрацювання події onLoad. Перед видаленням вікна з документом визивається оброблювач події onUnload, реалізований у функції Bye.
Функції Hello і Bye визначені в заголовку документа HTML і не мають ніяких особливостей. Для висновка діалогової панелі з повідомленням ці функції викликають метод alert.
Коли користувач натискає кнопку "Open Hello window", визначену у формі, визивається функція OpenHelloWnd. Ця функція відчиняє нове вікно браузера, завантажуючи в нього новий документ HTML.
Вікно відчиняється в такий спосіб:
wndNewWindow - window. open("hello. html", "", "toolbar-no,menubar=no,scrollbars=no,width=300,height=100");
У якості першого параметра методу open передається адреса URL документа HTML, що повинні бути завантажені у вікно. Другий параметр визначає ім'я вікна (його не задали), а третій - визначає параметри вікна.
2.4.3. Текст, що біжить, у рядку стани браузера
Поширена задача - відображення тексту, що біжить, у рядку стани браузера.
Рядок стана звичайно використовується браузерами для відображення різноманітної інформації, наприклад інформації про виконання поточної операції. Для того щоб записати що-небудь у рядок стана, необхідно змінити уміст властивості status об'єкта window вікна браузера. Цю задачу можна вирішити, наприклад, так:
window. status = "Новий рядок";
Для створення ефекту рядка, що біжить, операцію відновлення властивості status необхідно виконувати періодично, отображая текст із зсувом, що змінюється. Проте не варто робити це в циклі, тому що в результаті нормальна робота браузера буде порушена.
У сценарії (листинг 2.5) застосований засіб виконання періодичних процедур, заснований на використанні методу setTimeout, визначеного для об'єкта window. Нагадаємо, що цей метод дозволяє організувати відкладене в часу виконання команди, заданої першим параметром. Час, через який команд буде запущена, указується методу setTimeout другим параметром.
|
|
Дата добавления: 2014-11-29; Просмотров: 364; Нарушение авторских прав?; Мы поможем в написании вашей работы!