- •Html: работа с базами данных в примерах
- •Пояснительная записка
- •Тематическое планирование
- •Текст пособия Базы данных
- •Назначение и функциональные возможности языка разметки гипертекста (html)
- •Структура html-документа
- •Форматирование текста
- •Управление цветом
- •Вставка рисунков, изображений, фотографий
- •Создание гиперссылок на html-документы
- •Html-формы
- •Основы Visual Basic Script (vbScript)
- •Ввод и вывод данных
- •Типы данных
- •Встроенные объекты
- •Основы создания сценариев на Visual Basic Script Расположение сценариев
- •Обработка событий
- •Объекты, управляемые сценариями
- •Создание массива
- •Плавающие фреймы
- •Проектирование баз данных с помощью html
- •Первая страница html-документа
- •Создание таблицы «Администрация и Преподаватели»
- •Создание таблицы «Вожатые»
- •Создание формы «Полный список слушателей». Создание запросов по поиску информации в базе данных
- •Создание таблицы «Читаемые курсы», содержащей гиперссылки на другие html-документы
- •Сортировка данных в таблице. Расположение списка фамилий слушателей в алфавитном порядке
Обработка событий
Одним из главных назначений сценариев в HTML-документе является обработка событий, таких как щелчок кнопкой мыши на элементе документа, перемещение указателя мыши на элемент или с элемента, нажатие клавиши и т.п. Большинство тегов HTML имеют специальные атрибуты, определяющие события, на которые могут реагировать соответствующие элементы. Например, щелчок левой кнопкой мыши – onclick; изменение в поле ввода данных – onchange.
Итак, значением атрибута-события является код сценария, заключенный в кавычки. Этот сценарий называется также обработчиком события. Если обработчик события содержит несколько выражений, то они разделяются точкой с запятой. Чаще всего обработчиком событий является указание имени функции, где и содержится код сценария обработки события.
Различные варианты оформления обработки событий:
<HTML>
…
<SCRIPT>
function имя_функции()
{
…..
}
function значение_id.событие()
{
….
}
</SCRIPT>
……
<ТЕГ ID=”значение_id”>
<ТЕГ событие=”имя_функции”>
<ТЕГ событие=”код_сценария”>
…..
</HTML>
Объекты, управляемые сценариями
Предметом деятельности сценария являются объекты окна браузера и HTML-документа, загруженного в него.
HTML-документ отображается в окне браузера. Окну браузера соответствует объект window, а HTML-документу, загруженному в окно, соответствует объект document. Эти объекты содержат в своем составе другие объекты. Все множество объектов имеет иерархическую структуру.
Объекты могут находиться в отношении вложенности (подчиненности). Чтобы указать конкретный объект, требуется перечислить все содержащие его объекты, начиная с объекта самого верхнего уровня:
объект1.объект2……объектN.
Итак, при загрузке HTML-документа в браузер создается его объектная модель. В объектной модели документа все объекты сгруппированы в так называемые коллекции. Например, коллекция всех изображений документа имеет имя images, коллекция всех форм – forms. Это примеры частных или тематических коллекций. Кроме того, существует коллекция всех элементов документа, которая называется all. Рассмотрим способ обращения к объекту: document.коллекция.id_объекта.
Коллекция имеет свойство length – количество элементов в коллекции.
Создание массива
Новый объект массива создается следующим образом:
Имя_массива= new Array ([длина_массива])
У объекта Array имеется свойство length, значением которого является длина массива. Чтобы получить значение этого свойства, необходимо использовать выражение имя_массива.length.
Создав массив, можно присвоить значения его элементам, используя для этого оператор присваивания. К элементам массива обращаются по индексу: имя_массива[индекс].
Рассмотрим пример создания массива Dim, содержащего в качестве элементов вкладки базы данных.
Dim Name(6)
Name(0)="Физико-математическая школа"
Name(1)="Администрация и Преподаватели"
Name(2)="Вожатые"
Name(3)="Слушатели"
Name(4)="Читаемые курсы"
Name(5)="Сортировка" .
Фреймы
Фрейм представляет собой прямоугольную область окна браузера, в которую можно загрузить HTML-документ. Разбиение окна на фреймы происходит с помощью HTML-кода, содержащегося в отдельном HTML-документе, который называется установочным. Установочный файл содержит только теги разметки фреймов, то есть их относительное расположение, размеры, ссылки на загружаемые в них документы и другие параметры.