<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Поиск</title>
<style>
.item_info {
background-color:#CCCCCC;
margin:5px;
padding:5px;
}
</style>
<script language="JavaScript">
<!--
value_array = new Array();
window.onload = function()
{
loadIndex();
}
function loadIndex() { // load indexfile
// most current browsers support document.implementation
if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument("", "", null);
xmlDoc.load("db.xml");
}
// MSIE uses ActiveX
else if (window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = "false";
xmlDoc.load("db.xml");
}
}
function parseXMLDB()
{
var xRows = xmlDoc.getElementsByTagName('item');
for(i=0; i<xRows.length; i++)
{
var new_array = new Array();
new_array[0] = xRows[i].childNodes[0].firstChild.nodeValue;
new_array[1] = xRows[i].childNodes[1].firstChild.nodeValue;
new_array[2] = xRows[i].childNodes[2].firstChild.nodeValue;
new_array[3] = xRows[i].childNodes[3].firstChild.nodeValue;
value_array[i] = new_array;
}
}
function ShowValue()
{
if (value_array.length==0)
{
parseXMLDB(xmlDoc, value_array);
}
var display_box = document.getElementById('display_box');
display_box.innerHTML = "";
for(i=0; i<value_array.length; i++)
{
var item_info = document.createElement("DIV");
item_info.className = "item_info";
item_info.innerHTML = "Название: "+value_array[i][0]+"<br />Автор: "+value_array[i][1]+"<br />Город: "+value_array[i][2]+"<br />Цена: "+value_array[i][3];
display_box.appendChild(item_info);
}
}
function FilterValue()
{
if (value_array.length==0)
{
parseXMLDB(xmlDoc, value_array);
}
var display_box = document.getElementById('display_box');
display_box.innerHTML = "";
var form = document.filter;
for(i=0; i<value_array.length; i++)
{
if (value_array[i][0].match(new RegExp(form.name.value,"i")) &&
value_array[i][1].match(new RegExp(form.auther.value,"i")) &&
value_array[i][2].match(new RegExp(form.pub.value,"i")) &&
value_array[i][3].match(new RegExp(form.cost.value,"i")))
{
var item_info = document.createElement("DIV");
item_info.className = "item_info";
item_info.innerHTML = "Название: "+value_array[i][0]+"<br />Автор: "+value_array[i][1]+"<br />Город: "+value_array[i][2]+"<br />Цена: "+value_array[i][3];
display_box.appendChild(item_info);
}
}
if (display_box.innerHTML == "")
display_box.innerHTML = "Ничего не найдено";
}
//-->
</script>
</head>
<body>
<form id="loadxml" name="loadxml">
<input type="button" name="load" onclick="javascript: ShowValue();" value="Показать все" />
</form>
<form id="filter" name="filter">
<table border="0">
<tr>
<td>Название: </td>
<td><input type="text" name="name" value="" onkeyup="javascript: FilterValue();" /></td>
</tr>
<tr>
<td>Автор: </td>
<td><input type="text" name="auther" value="" onkeyup="javascript: FilterValue();" /></td>
</tr>
<tr>
<td>Город: </td>
<td><input type="text" name="pub" value="" onkeyup="javascript: FilterValue();" /></td>
</tr>
<tr>
<td>Цена: </td>
<td><input type="text" name="cost" value="" onkeyup="javascript: FilterValue();" /></td>
</tr>
</table>
</form>
<div id="display_box" style="border:1px dotted #000000; padding:5px">Ничего не найдено</div>
</body>
</html>