Начну с создания главной странички сайта – board.htm. Я не буду приводить здесь ее целиком, выделю лишь ключевые моменты. Для скачивания файла board.xml и board.xslt используются XML-острова (XML islands).
<xml src="http://dcit06/srv/template/board.xml" id="MesSrc"></xml><xml src="board.xslt" id="xslt"></xml> |
Сами сообщения будут находиться в теге div.
<div id="messages"/> |
Наполнить его содержанием очень просто. Вот код, который выполняется в момент загрузки страницы:
messages.innerHTML = MesSrc.XMLDocument.transformNode(xslt.XMLDocument); |
Для обновления странички сообщений используется несколько более сложный код.
messages.innerHTML = "Подождите..."; var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); xmlhttp.open("GET", MesSrc.src + "?Page=" + curPage + "&PageSize=" _ + mes_per_page.value, false);xmlhttp.send();MesSrc.XMLDocument = xmlhttp.responseXML;messages.innerHTML = MesSrc.XMLDocument.transformNode(xslt.XMLDocument); |
Сообщения скачиваются с помощью компонента XMLHTTP, при этом в строке запроса передаются следующие параметры: номер запрашиваемой страницы и размер страницы в сообщениях. Первый параметр хранится на страничке как переменная curPage, а второй представлен полем ввода:
<input type="text" id="mes_per_page"> |
Если все сделано правильно, страничка должна выглядеть как на рисунке 6.
Рисунок 6. Страничка board.htm.
Перейдем к следующим страницам.