Мал. 9.18. Marquee з оформленням
<div style="text-align:center; background-color:#F0F0F0; padding:5px">
<marquee direction="left" scrolldelay="50" scrollamount="3"
style="border:inset 5; padding:5px; width:50%; background-color:#000000;
color:#FFFFFF; font-family:courier new; font-size:12pt; font-weight:bold"
onmouseover="this.scrollAmount=0"; onmouseout="this.scrollAmount=3">
Scrolling Text
</marquee>
</div>
Лістинг 9.16. Код для оформлення marquee (html, txt)
marquee поміщається усередині розділу (div), щоб вирівняти його по центру і задати колір фону, на якому виводиться текст. Для marquee задана межа і визначений розмір в 50% ширини сторінки із заданим кольором тексту і фону.
Зазвичай бажано, щоб користувачі могли робити паузу при прокрутці тексту і, тим самим, мали можливість його спокійно прочитати. Це легко зробити, додаючи операторів JavaScript в тег <marquee>. Оператори сценарію зупиняють прокрутку по події "покажчик миші над" (властивість scrollAmount задається рівною 0) і відновлюють прокрутку по події "покажчик миші зовні" (властивості scrollAmount задається його початкове значення).
Динамічний HTML Теги XHTML є програмованими об'єктами, якими можна управляти за допомогою процедур JavaScript. Це було продемонстровано в попередніх прикладах, де обробники подій додавалися в теги <img/> і <marquee>, щоб зробити такими, що реагують на дії користувачів з мишею. Пов'язуючи процедури JavaScript з цими і іншими тегами, більшість елементів сторінки можна зробити такими, що реагують на події миші і клавіатури. Зазвичай ці події викликають негайні зміни в настройках стилю, динамічні зміни візуального представлення сторінки або зміна виводу інформації у відповідь на запити користувача. Такі дії з програмування тегІв називають Dynamic HTML (DHTML).
Головоломка нижче є набором зображень GIF, які запрограмовані для реагування на події перетягання миші. Фрагмент головоломки треба перетягнути на область палітри, щоб відновити зображення.
Мал. 9.19. Використання динамічного html (dhtml) для програмування тегов xhtml
За допомогою мови JavaScript можна програмувати теги XHTML для створення цих і інших типів спеціальних ефектів на сторінці Web. Можна також здійснити пошук в Web вже готової коди DHTML, яку можна скопіювати на сторінку Web і модифікувати відповідно до своїх цілей. У Web можна знайти додатки DHTML для створення меню і методів переміщення, прокрутки тексту, візуальних ефектів і слайдшоу, календарів, годинника, використання миші, ігор і багатьох інших спеціальних ефектів. Часто використання цих застосувань вимагає тільки копіювання коди і сценаріїв з сайту Web і вставки в створювану сторінку Web.
Функції JavaScript Існують тисячі готових додатків JavaScript, які можна скопіювати з Web і вставити в створювану сторінку. Наступний календар і калькулятор були знайдені на сайті http://javascript.internet.com/. Зазвичай всі сценарії і відповідний код XHTML копіюють з сайту і відразу вставляють на сторінку.
Мал. 9.20. Функції JavaScript, скопійовані на сторінку Web
Можна знайти всілякі календарі, калькулятори, годинник, кнопки, форматтеры тексту, генератори меню, ігри, таблиці для пошуку, дошки оголошень і інші застосування, дуже численні, щоб їх можна було перерахувати. Зазвичай не потрібно розуміти або модифікувати код, який поміщається на сторінку.
Аплети Java (Примітка: Перш ніж виконувати аплет Java, комп'ютер повинен мати встановлене середовище виконання Java. Цей вбудовуваний модуль доступний для завантаження і установки на сайті http://www.java.com.)
Аплети є невеликими програмами, написаними на мові програмування Java для вбудовування в сторінки Web. Аплети доступні практично для будь-яких застосувань на сторінці - ігри, моделювання і настільні застосування, такі, як редагування тексту, креслення і малювання і доступ до баз даних. Багато з них можна використовувати безкоштовно. Аплет упакований як один або декілька завантажуваних файлів програм з розширенням файлу .class. Він поміщається на сторінку за допомогою тега <object> в тому місці, де повинен з'явитися. Загальна форма тега <object>, використовувана для виведення аплета Java, показана нижче.
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
width="n" height="n">
<param name="code" value="file.class"/>
<param name="codebase" value="path"/>
...
</object>
Лістинг 9.17. Загальна форма тега <object> для аплета Java (html, txt)
Необхідно включити classid для аплета Java; настройки width і height (ширина і висоти) є необов'язковими, але можуть задаватися для зміни розміру області виводу. Щоб використовувати аплет, він повинен отримати параметри, тобто, значення даних, які модифікують аплет відповідно до існуючих потреб. Ці значення задаються за допомогою послідовності тегов <param/>, число і тип яких залежить від призначення аплета. Тег <param/> має атрибути name, для яких задаються атрибути value, які дозволяють персоналізувати аплет.
Необхідно закодувати параметр name="code"; його значенням є ім'я файлу класу аплета. Параметр name="codebase"; не потрібний, якщо файл класу знаходиться в тому ж каталозі, що і сторінка Web, на якій він знаходиться. Інакше значенням codebase буде шлях доступу до каталога класу аплета. Для конкретних аплетів можуть потрібно і інші параметри.
Приклади різних типів аплетів і вимог до кодування показані нижче. Пам'ятаєте, що тег <object> є лінійним тегом і повинен знаходитися усередині блокового тега для відповідності XHTML. Блокові теги в наступних прикладах не показані.
Маніпуляції з текстом Велике число аплетів виконує різні маніпуляції з текстом, дозволяючи прикрасити або анімувати слова і фрази. Наступний аплет, наприклад, створює ефект веселки для рядка тексту, що задається.
