Теми рефератів
> Реферати > Курсові роботи > Звіти з практики > Курсові проекти > Питання та відповіді > Ессе > Доклади > Учбові матеріали > Контрольні роботи > Методички > Лекції > Твори > Підручники > Статті Контакти
Реферати, твори, дипломи, практика » Новые рефераты » Web-програмування баннера

Реферат Web-програмування баннера





і почнемо її вивчення. Для того, щоб приклади на сторінці працювали потрібно мати браузер з підтримкою JavaScript. Найпоширеніші з них (скоріше за все одним з них Ви пользуються): Netscape 6.0 +, Mozilla 1.0 +, Microsoft Internet Explorer 4.0 +, Opera 3.0 +, Firefox 1.0 +

а) onmouseout і onmouseover

Для початку наведемо курсор на кнопку «Скидання» або «Відправити» і звернемо увагу на рядок стану. Ми побачимо там напис з поясненням значення кнопки. Тепер відведемо курсор і рядок стану очиститься.

Вміст рядка стану зберігається у змінній window.status. Мінлива це деякий об'єкт (можна уявити собі ящик), значення якого (вміст якого) можна змінювати. Зміна значення здійснюється операцією привласнення (=), а виглядає вона таким чином:

ім'я_змінної=«значення»; (Які використовувати лапки: одинарні або подвійні значення не має)

Тому для того, щоб змінити напис в рядку стану, нам потрібно присвоїти змінної window.status потрібне нам значення (підказку до кнопки), а коли курсор буде прибраний - привласнити порожній рядок («») .

Вся задача зводиться до того, щоб визначити коли користувач наводить курсор на кнопку, а коли прибирає його. Для цього потрібно «сказати» обробникам цих подій виконати потрібну нам дію. Обробник події «наведення курсору»- Onmouseover, а «відведення курсора»- Onmouseout.

Дуже багато теги мають атрибути, що починаються з on (onclick, onmouseout, onfocus і т. д.). Значення цих атрибутів і є, завдання яку необхідно виконати відповідному обробнику. Тобто для обробника onmouseout є атрибут onmouseout, для onmouseover - onmouseover. І в результаті ми отримуємо наступне визначення кнопок:

Як ми бачимо, атрибут onmouseover має як значення JavaScript-код: window.status=«Клацніть для відправки даних», як тільки курсор досягає кнопки, обробник події mouseover - onmouseover, дивиться, що зберігається в атрибуті onmouseover і виконує необхідну дію (привласнення значення змінної window.status). Аналогічно діє і обробник події onmouseout: як тільки курсор уводиться від кнопки (тобто виконується подія mouseout), то обробник події - onmouseout виконує код, що міститься в атрибуті onmouseout.

Те ж саме і з другої кнопкою.

б) Function

Тепер Клацніть на посилання і відкриється віконце з підказкою. Але зауважимо, що вікно невеликих розмірів і у нього немає панелі інструментів - такого силами html не зробиш! У даному прикладі ми маємо вікно розміром 300x200, без панелей інструментів, що містить документ help.html.

Для того щоб створити таке віконце існує наступний JavaScript-код:

helpWindow=window.open («help.html», «», «toolbar=0, width=300, height=200»); де:

1. helpWindow - це ім'я змінної (як window.status...


Назад | сторінка 4 з 14 | Наступна сторінка





Схожі реферати:

  • Реферат на тему: Аналіз фінансового стану і його значення для управління
  • Реферат на тему: Бухгалтерський баланс і його значення для оцінки фінансового стану підприєм ...
  • Реферат на тему: Аналіз стану земельних ресурсів та їх цільового значення
  • Реферат на тему: Коли працювати можна менше ...
  • Реферат на тему: Загальний білок, його значення і методи визначення