XML Приложения

Рубрика: Язык разметки XML

Здравствуйте, уважаемые читатели блога okITgo.ru! Эта статья демонстрирует некоторые небольшие XML приложения, построенные на XML, HTML, XML DOM и JavaScript. В примерах XML приложений мы будем использовать файл "cd_catalog.xml".


Отображение первого CD-диска в HTML Элементе div

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

Пример

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

function displayCD()
{
artist=(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
title=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
year=(x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue);
txt="Исполнитель: " + artist + "Название: " + title + "Год: "+ year;
document.getElementById("showCD").innerHTML=txt;
}

Попробуйте сами »



Навигация между CD-дисками

Для перемещения между CD-дисками в примере выше добавим
функции next() и previous():

Пример

function next()
{ // показывает следующий CD-диск, если Вы уже не на последнем CD-диске
if (i<x.length-1)
  {
  i++;
  displayCD();
  }
}

function previous()
{ // показывает предыдущий CD-диск, если Вы уже не на первом CD-диске
if (i>0)
  {
  i–;
  displayCD();
  }
}

Попробуйте сами »



Показать Информацию об Альбоме При Клике на CD

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

Попробуйте сами.

Спасибо за внимание! Если возникли вопросы по примерам, пожалуйста, задавайте. До новых встреч на страницах сайта okITgo.ru.