Иллюстрированный самоучитель по созданию сайтов


Фильтрация таблицы - часть 2


<STYLE> BODY { background-color: #F4FFEF; color: #182F1A;

font-family: sans-serif;

font-size: 120%; } </STYLE>

<SCRIPT> function auth() { hudlit.Filter="Author="+document.all.auth.value ; hudlit.Reset () ; } </SCRIPT>

</HEAD>

<BODY>

<Н1>Художественная литература</Н1> Выберите автора:

<SELECT NAME="auth" onChange="auth()">

<OPTION VALUE="">Bce <OPTION VALUE="Дюма">Дюма

<OPTION VALUE="Достоевский">Достоевский

<OPTION VALUE="Толстой">Толстой </SELECT> <BR><BR>

<OBJECT ID = "hudlit" CLASSID = "clsid:333C7BC4-460F-llDO-BC04-0080C7055A83" BORDER="0" WIDTH="0" HEIGHT="0">

<PARAM NAME = "DataURL" VALUE = "books.txt">

<PARAM NAME = "UseHeader" VALUE = "True"> </OBJECT>

<TABLE DATASRC = "#hudlit"> <TR>

<TD><SPAN DATAFLD="Author"></SPAN>, &laquo;

<SPAN DATAFLD="Name"> </SPAN>&raquo;,

<SPAN DATAFLD="Size"></SPAN>&nbsp;кбайт.

<SPAN DATAFLD="File" DATAFORMATAS="html"></SPAN></TD>

</TR>

</TABLE>

</BODY>

</HTML>

Результат показан на рис. 9.1. На этом рисунке вы можете видеть все назва ния книг, но если пользователь выберет из списка одного из авторов, то в окне броузера отобразятся только книги выбранного автора.

Теперь можно несколько усложнить задачу. Пусть пользователь имеет возможность не только выбирать автора, но и вводить название книги

Рис. 9.1. Страница, на которой используются данные из базы

(мало ли, может быть, он и не помнит имя автора). Кроме того, пусть него будет возможность отсортировать список книг по имени автора и. по названию книги.

Поскольку мы используем элемент управления Tabular Data, обе эти зада решаются очень просто.


- Начало -  - Назад -  - Вперед -



Книжный магазин