XML-приложение

XML-приложение

В этой главе демонстрируются некоторые небольшие XML-приложения, созданные на основе XML, HTML, XML DOM и JavaScript.

Пример XML-документа

В этом приложении мы будем использовать файл «cd_catalog.xml».

Показать первый компакт-диск в элементе HTML div

В следующем примере данные XML получаются из первого элемента CD, а затем отображаются в элементе HTML с id="showCD". Функция displayCD() вызывается при загрузке страницы:

Пример

 x=xmlDoc.getElementsByTagName("CD");
я = 0;

функция отображенияCD()
{
художник = (x[i].getElementsByTagName("АРТИСТ")[0].childNodes[0].nodeValue);
title=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
год = (x[i].getElementsByTagName("ГОД")[0].childNodes[0].nodeValue);
txt="Художник: " + художник + "<br />Название: " + название + "<br />Год: "+ год;
document.getElementById("showCD").innerHTML=txt;
}

Попробуйте »

Добавить скрипт навигации

Чтобы добавить навигацию (функциональность) в приведенный выше пример, необходимо создать две функции: next() и previous():

Пример

 функция следующая()
{ // отображаем следующий компакт-диск, если только вы не находитесь на последнем компакт-диске
если (i<x.length-1)
{
я++;
дисплейКД();
}
}

функция предыдущая()
{ // отображает предыдущий компакт-диск, если только вы не находитесь на первом компакт-диске
если (i>0)
{
я--;
дисплейКД();
}
}

Попробуйте »

Показывать информацию об альбоме при нажатии на компакт-диск

Последний пример показывает, как отображать информацию об альбоме, когда пользователь нажимает на элемент компакт-диска:

Попробуйте.

Чтобы узнать больше об использовании JavaScript и XML DOM, посетите наше руководство по XML DOM.