<!--скрипт, содержащий функцию
для подсчета количества курсов-->
<script>
function myselection() {
var t;
t=document. all. mytab. rows. length
<!--вывод диалогового окна с результатом подсчета-->
alert("Количество курсов: "+(t-1))
}
</script>
<!--вставка музыкального фрагмента в HTML-документ-->
<p>
<embed src=K. mp3 width=100 height=40>
</html>
Сортировка данных в таблице.
Расположение списка фамилий слушателей в алфавитном порядке
<html>
<head><title>Сортировка данных таблицы</title></head>
<object id="mybdcontrol" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" width=800 height=100>
<param name="FieldDelim" value="|">
<param name="DataURL" value="mybd. txt">
<param name="UseHeader" value="true">
<param name="SortColumn" value="Фамилия">
<param name="SortAscending" value=1>
</object>
<body background="фон_Альбатрос2.jpg">
<center>
<font face="Monotype Corsiva" color="blue" size=+3>Расположение списка фамилий слушателей в алфавитном порядке</font>
<br><p>
<!--создание таблицы и помещение в нее отсортированных по фамилии данных из текстового файла mybd.txt-->
<table datasrc=#mybdcontrol border=5 >
<thead>
<th>Код слушателя</th>
<th onclick="Sort('Фамилия')">Фамилия</th>
<th>Имя</th>
<th>Отчество</th>
<th>Школа</th>
<th>Класс</th>
<th>Дата рождения</th>
<th>Фото</th>
<th>Увлечения</th>
<th>Достижения и впечатления</th>
</thead>
<tr>
<td><span datafld="Код слушателя"></span></td>
<td><span datafld="Фамилия"></span></td>
<td><span datafld="Имя"></span></td>
<td><span datafld="Отчество"></span></td>
<td><span datafld="Школа"></span></td>
<td><span datafld="Класс"></span></td>
<td><span datafld="Дата рождения"></span></td>
<td><span datafld="Фото" dataformatas="html"></span></td>
<td><span datafld="Увлечения"></span></td>
<td><span datafld="Достижения и впечатления"></span></td>
</tr>
</table>
<script>
<!--сохранение тегов, вложенных в <object>, в переменной-->
var x=document. all. mybdcontrol. innerHTML
var obj='<object id="mybdcontrol" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">'+x
<!--функция сортировки данных по значению столбца field>
function Sort(field){
var y=document. all. mybdcontrol
<!--свойство outerHTML используется для перерисовывания таблицы в соответствии с новым порядком следования строк>
y. outerHTML=obj+'<param name="SortColumn" value="'+field+'"></object>'
}
</script>
<!--вставка музыкального фрагмента в HTML-документ-->
<p><embed src=M. mp3 width=100 height=40>
</html>
Объединение HTML-документов в единый проект,
в единую учебную информационную систему «ХКЛФМШ», создаваемую слушателями
Хабаровской краевой летней физико-математической школы в 2007 году в рамках занятий по курсу
«HTML: работа с базами данных в примерах»
<html>
<head><title>Главная страница</title>
</head>
<h1><center>
<font face="Monotype Corsiva" color="red" size=+3>Хабаровская краевая летняя физико-математическая школа
<br><p>
<body background="фон_Альбатрос1.jpg">
<!--создание элемента управления TabStrip для формирования вкладок-->
<object id=myTabStrip classid="clsid:1EFB6596-857C-11D1-B16A-00C0F0283628" width=980 height=70>
</object>
<!--создание плавающего фрейма, в котором отображается HTML-документ «Первая страница.html»-->
<br>
<iframe id=myFrame SRC="Первая страница. html" width=980 height=500>
</iframe>
<!--скрипт для создания надписей вкладок и ссылок на соответствующие HTML-документы-->
<script language="VBScript">
Dim Name(6) //массив надписей для закладок
Name(0)="Физико-математическая школа"
Name(1)="Администрация и Преподаватели"
Name(2)="Вожатые"
Name(3)="Слушатели"
Name(4)="Читаемые курсы"
Name(5)="Сортировка"
Dim Refers(6) //массив ссылок
Refers(0)="Первая страница. html"
Refers(1)="Администрация и Преподаватели. html"
Refers(2)="Вожатые. html"
Refers(3)="Слушатели. html"
Refers(4)="Читаемые курсы. html"
Refers(5)="Сортировка данных. html"
myTabStrip. Font. Name="Arial"
myTabStrip. Font. Size=+15
myTabStrip. MultiRow="true"
Sub Window_onload() //создание вкладок и надписей на них
For i=1 To 6
myTabStrip. Tabs(i).Caption=Name(i-1) //надпись на вкладке
if i<6 Then myTabStrip. Tabs. Add() //добавление вкладок
Next
End Sub
Sub myTabStrip_Click() //щелчок на вкладке
document. all. myFrame. src=Refers(myTabStrip. SelectedItem. Index-1)
end sub
</script>
</html>
Задачи
1. Создайте HTML-страницу о себе, включив поля: фамилия, имя, отчество, фотография, дата рождения, знак зодиака, темперамент, хобби, учебное учреждение, любимый школьный предмет, достижения, впечатления.
2. Дополните базу данных HTML-страницей о себе.
Используйте алгоритм построения сортированного списка слушателей по фамилиям для решения задачи сортировки по классам данных о слушателях.
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 |
