4. ВИКОРИСТАННЯ JAVA-СКРИПТІВ ПРИ СТВОРЕННІ HTML ДОКУМЕНТА
При розробці сучасного сайта не завжди можна обійтись лише можливостями мови розмітки HTML. З метою надання веб-сторінкам привабливого вигляду і створення у відвідувача відчуття взаємодії із сайтом використовують додаткові можливості, доступні при вико-ристанні Java-скриптів. Діапазон їх застосування досить широкий: це і елементи інтерактивності, які можуть містити складні процедури обробки, і просто декоративні елементи, які надають привабливості сайту. Мова JavaScript була розроблена спільно компаніями Sun Microsystems і Netscape на синтаксичній основі мови Java
Java-скрипт вбудовується в HTML-документ і взаємодіє з ним. Скрипти можуть знаходитись у будь-якому місці HTML-документа. Однак теги HTML не можна вміщувати всередині Java-скрипт-програми Java-скрипт-програма вміщується між тегами <script>...</script>, виняток становлять «обробники подій»
Зустрівши тег <script>, браузер по рядках аналізує зміст документа доти, поки не буде досягнуто тег </script>. Після цього відбувається перевірка скрипта на наявність помилок і компіляція програми у формат, придатний для виконання на комп'ютері користувача.
Головна частина Java-скрипт-програми може бути вміщена у контейнер <head>... </head>, оскільки він зчитується при завантаженні HTML -документа одним з перших. Теоретично скрипт можна вміщувати у будь-якому місці HTML -документа, хоча краще це робити перед тегом <body>... </body>, тобто в заголовку документа.
Синтаксис тега:
<script language=«JavaScript»>
{текст програми}
</script>
Слід мати на увазі, що слово «JavaScript» записується із дотриманням регістру символів. Багато з об'єктів мови JavaScript відповідають тегам, які формують HTML-документи. Деякі об'єкти мови JavaScript мають наслідування. Зокрема, гіпер-зв'язок є об'єктом, який наслідується з об'єкта document. У мові Java-скрипт об'єкти, які наслідуються, також мають назву властивостей. Наприклад, множина гіперзв'язків є властивістю об'єкта document, a links - ім'ям цієї властивості.
ОБ'ЄКТИ
Password -
поле введення пароля, яке створюється за допомогою тега <input type=password>
Radio-
селекторна кнопка (radio button), яка створюється за допомогою тега <input type=radio>
Reset -
кнопка перезавантаження, яка створюється за допомогою тега <input type=reset>
Select (options [ ]) -
елементи <option> об'єкта <select>
Submit -
кнопка передавання даних, яка створюється за допомогою тега <input type=submit>
Text-
поле введення, яке створюється за допомогою тега <input type=text>
Textarea -
поле тексту, яке створюється за допомогою тега <textarea>
Важливим елементом мови є події, які використовуються для виконання певних частин
програмного коду скрипта Події і основному ініціюються тими чи іншими дійми користувача Якщо користувач на т иону и певну кнопку, відбудеться подія «Click». Якщо показник мишки перетинає будь-яке посилання у тексті -відбувається подія [MouseOver], Використання мови JavaScript при обробці подій значно розширило можливості мови HTML.
Події поділяються на декілька категорій.
Події, пов'язані з документами (події документа):
- завантаження і закриття документів.
Події, пов'язані з гіперзв'язком:
- активізація гіперзв'язку.
Події, пов'язані з формою
- натисканий мишкою кнопок;
- одержаний і втрата фокусу введення і зміна вмісту полів введення, областей тексту і списків;
- виділення икоту у полях ваедення і областях тексту.
Події, пов'язані із мишкою:
- наведення вказівника мишки на гіперзв'язок і активізація гіперзв`язку
Події повязані із документами, виникають при завантаженні і закритті декумента, в той час як події гіперзв'язків виникають гри їх активізації або при вміщенні на них вказівника мишки
Нижче наведено імена деяких подій і умови їх виникнення
Імя події
Атрибут HTML
Умова виникнення події
Change
OnChange
Зміна вмісту поля введення чи області тексту або вибір нового елемента списку
Click
OnClick
Натиснення мишки на елементі форми або гіперзвязку
MouseOver
On MouseOver
Наведення вказівника мишки на гіперзвязок
MouseOut
On MouseOut
Наведення вказівника мишки знак закриття документа
Select
OnSelect
Виділення тексту у полі введення або області тексту
Submit
OnSubmit
Передавання даних форми
Для забезпечення здійснення події необхідно задати функцію-обробник под». Колекції прикладів Java-скриптів розміщуються на Web-сайтах мережі Інтернет і можуть бути запозичені і використані розробниками Web-сторінок у
власних документах.
ПРИКЛАД (відкриття нового вікна, завантаження в нього документа і закриття вікна):
<html>
<head>
<script language="JavaScripе”>
function opWind()
{
var myUrl =«2.htm»;
myWin=window.open(mylUrl, «windl», «left=0, top==25Q»> «width=400, height=400, resisable=no, scrollbars=no, menubar=no»);
}
</script> </head>
<body>
<input type=«button» value=« Відкрити вікно» onClick=«opWind()»>
<input type=«button» value=« закрити вікно»
onClick=«myWin.close()»>
</body>
</html>
2. Введіть у полях «Кому:», «Копия:» або «Скрытая:» через кому або крапку з комою (;) імена електронної пошти одержувачів.
3. Щоб вставити імена електронної пошти з адресної книги, клацніть у вікні повідомлення значок «Кому:» та виберіть потрібні імена.
4. Введіть заголовок повідомлення у полі «Тема:».
5. Введіть текст повідомлення, а потім натисніть на панелі інструментів кнопку «Отправить».
Якщо повідомлення утворюється в автономному режимі, виберіть у меню «Файл» команду «Отправить позднее» і повідомлення буде збережене у папці «Исходящие».
Поради
При використанні адресної книги виберіть у ній потрібного адресата. Якщо їх декілька, клацніть їх почергово, утримуючи натисненою клавішу CTRL.
Щоб знайти ім'я електронної пошти в адресній книзі, введіть ім'я або його частину у полі «Кому:» та виберіть у меню «Сервис» команду «Проверить имена».
Для утворення повідомлень без попереднього підключення до Інтернету відкрийте меню «Файл» і клацніть «Автономная работа». Наступного разу, коли ви клацнете «Доставить почту», Outlook Express відновить підключення і всі ваші повідомлення будуть відправлені.
Зауваження
Цим способом можна змінити ступінь важливості тільки поточного повідомлення.
Щоб скористатися шрифтом бланка, вкажіть у меню «Формат» на команду «Стиль» та виберіть команду «Обычный».
Для зміни типу вирівнювання використовуйте на панелі інструментів форматування кнопки «Выровнять по левому краю», «Выровнять по центру» та «Выровнять по правому краю».
Для зміни величини абзацного відступу використовуйте кнопки «Увеличить отступ» та «Уменьшить отступ».
Щоб добавити горизонтальну риску, клацніть у тому місці, куди її треба вставити, і натисніть на панелі інструментів форматування кнопку «Вставить горизонтальную черту».
Щоб відформатувати відомості про адресат (з додаванням здвигнутого лівого поля та курсиву), вкажіть у меню «Формат» на команду «Стиль» і клацніть команду «Адрес».
Для утворення багаторівневих заголовків укажіть у меню «Формат» на команду «Стиль» і виберіть підхожу команду заголовка.
Щоб використовувати бланк в окремому повідомленні, вкажіть у меню «Сообщение» на команду «Создать с использованием» і клацніть потрібний бланк.
Коли у повідомлення вкладається візитна картка, у правому верхньому куті вікна відображається значок візитної картки.
Якщо одержувачі повідомлення не можуть продивлятись вкладені вами зображення, виберіть у меню «Сервис» команду «Параметры…», перейдіть на вкладку «Отправка», натисніть кнопку «Настроить…» і перевірте, чи встановлений прапорець «Отправлять рисунки вместе с сообщениями». Потім знову відправте повідомлення.
Із невпинним зростанням числа користувачів, які передають через електронну пошту конфіденційну інформацію, все більш важливим постає питання безпеки: хочеться бути впевненим, що відправлені повідомлення ніхто не перехопить та ніхто не прочитає, крім вказаного адресата. Важливо також бути впевненим, що документи, які відправляються електронною поштою, наприклад, дані кредитних карток, не будуть підроблені.
В Outlook Express можна використовувати цифрові посвідчення, щоб підтвердити свою особистість під час сеансу зв'язку -- так саме, як вами використовуються такі документи, як паспорт. Цифрові посвідчення можна використовувати також і для шифрування повідомлень, щоб зберегти їх конфіденційність.
На жаль, у нашій країні ця проблема ще далека від свого розв'язання.
Більш докладну інформацію з питань безпеки можна знайти у довідці системи Outlook Express.
Страницы: 1, 2, 3