- •Html: работа с базами данных в примерах
- •Пояснительная записка
- •Тематическое планирование
- •Текст пособия Базы данных
- •Назначение и функциональные возможности языка разметки гипертекста (html)
- •Структура html-документа
- •Форматирование текста
- •Управление цветом
- •Вставка рисунков, изображений, фотографий
- •Создание гиперссылок на html-документы
- •Html-формы
- •Основы Visual Basic Script (vbScript)
- •Ввод и вывод данных
- •Типы данных
- •Встроенные объекты
- •Основы создания сценариев на Visual Basic Script Расположение сценариев
- •Обработка событий
- •Объекты, управляемые сценариями
- •Создание массива
- •Плавающие фреймы
- •Проектирование баз данных с помощью html
- •Первая страница html-документа
- •Создание таблицы «Администрация и Преподаватели»
- •Создание таблицы «Вожатые»
- •Создание формы «Полный список слушателей». Создание запросов по поиску информации в базе данных
- •Создание таблицы «Читаемые курсы», содержащей гиперссылки на другие html-документы
- •Сортировка данных в таблице. Расположение списка фамилий слушателей в алфавитном порядке
Создание формы «Полный список слушателей». Создание запросов по поиску информации в базе данных
Перед создание формы необходимо заполнить текстовый документ (в Блокноте) и сохранить его с названием mybd.txt.
<html>
<head><title>Список слушателей</title></head>
<body background="фон_Альбатрос1.jpg" text="blue">
<p><center>
<font face="Monotype Corsiva" size=+3>
<marquee behavior=alternate>
Полный список слушателей</marquee>
</font>
<p>
<!--создание текстовой области со списком всех слушателей-->
<textarea id="mytext1" rows=7 cols=40>
1.Иванов Петр Петрович
2.Семенова Юлия Андреевна
3.Ивочкин Владимир Владимирович
4.Анисова Марина Андреевна
5.Жиганова Ольга Анатольевна
6.Фамилия Имя Отчество слушателя6
7.Фамилия Имя Отчество слушателя7
</textarea>
<!--связь внешних данных (mybd.txt) с HTML-документом-->
<object id=mybdcontrol classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" width=800 height=100>
<!--параметр FieldDelim – разделитель ячеек со значением(|)>
<param name=FieldDelim value="|">
<!--параметр DataURL – URL-адрес текстового файла с данными mybd.txt-->
<param name=DataURL value="mybd.txt">
<!--параметр UseHeader – определяет, содержит ли первая строка в текстовом файле имена полей>
<param name=UseHeader value="true">
</object>
<hr>
<!--создание таблицы и помещение в каждую из ее ячеек текстовых полей, отображающих данные из текстового файла mybd.txt-->
<table width=80% align="left">
<tr><th align="left">Код слушателя</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Код слушателя"></td>
</tr>
<tr><th align="left">Фамилия</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Фамилия"></td>
</tr>
<tr><th align="left">Имя</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Имя"></td>
</tr>
<tr><th align="left">Отчество</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Отчество"></td>
</tr>
<tr><th align="left">Школа</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Школа"></td>
</tr>
<tr><th align="left">Класс</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Класс"></td>
</tr>
<tr><th align="left">Дата рождения</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Дата рождения"></td>
</tr>
<tr><th align="left">Увлечения</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Увлечения"></td>
</tr>
<tr><th align="left">Фото</th>
<td><span datasrc="#mybdcontrol" datafld="Фото" dataformatas="html"></span></td>
</tr>
<tr><th align="left">Достижения и впечатления</th>
<td><input type=text datasrc="#mybdcontrol" datafld="Достижения и впечатления" size=80></td>
</tr>
</table>
<p>
<!--кнопки перемещения по записям-->
<input name=cmdFirst type=button value=" << " onclick="First()">
<input name=cmdPrevious type=button value=" < " onclick="Previous()">
<input name=cmdNext type=button value=" > " onclick="Next()">
<input name=cmdLast type=button value=" >> " onclick="Last()">
</body>
<!--методы перемещения по записям базы данных-->
<script>
function First(){ // к первой записи
mybdcontrol.recordset.moveFirst()
}
function Previous(){ // к предыдущей записи
if (!mybdcontrol.recordset.bof)
mybdcontrol.recordset.movePrevious()
}
function Next(){ //к следующей записи
if (!mybdcontrol.recordset.eof)
mybdcontrol.recordset.moveNext()
}
function Last(){ //к последней записи
mybdcontrol.recordset.moveLast()
}
</script>
<p><br>
<!--создание поля со списком-->
<h2>ПОИСК</h2>
<p><h3>Поле
<select name="FLD">
<option value="Код слушателя">Код слушателя
<option value="Фамилия">Фамилия
<option value="Имя">Имя
<option value="Отчество">Отчество
<option value="Школа">Школа
<option value="Класс">Класс
<option value="Дата рождения">Дата рождения
<option value="Увлечения">Увлечения
</select>
<!--создание текстового поля для ввода значения поиска-->
<br><br>Значение
<input name="INP" value="" type="text">
<!--создание кнопки-->
<p>
<button onclick="filter()">Применить</button>
<!--скрипт для осуществления поиска значений в текстовом файле mybd.txt и вывода полученных данных в текстовых полях формы-->
<script>
var obj='<object id="mybdcontrol"'
obj+='classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">'
obj+='<param name="FieldDelim" value="|">'
obj+='<param name="DataURL" value="mybd.txt">'
obj+='<param name="UseHeader" value=true>'
function filter(){
var cpar=""
if (INP.value){
cpar='<param name="FilterColumn" value="'+FLD.value+'">'
cpar+='<param name="FilterValue" value="'+INP.value+'">'
cpar+='<param name="FilterCriterion" value="=">'
cpar+='<param name="CaseSensitive" value=false>'
}
document.all.mybdcontrol.outerHTML=obj+cpar+ '</object>'
}
</script>
<!--вставка музыкального фрагмента в HTML-документ-->
<p><embed src=P.mp3 width=100 height=40>
</html>