تطبيق XML

تطبيق XML

يوضح هذا الفصل بعض تطبيقات XML الصغيرة المبنية على XML وHTML وXML DOM وJavaScript.

مثال على وثيقة XML

في هذا التطبيق، سوف نستخدم الملف "cd_catalog.xml".

إظهار القرص المضغوط الأول في عنصر div بتنسيق HTML

يحصل المثال التالي على بيانات XML من عنصر القرص المضغوط الأول ثم يعرض البيانات في عنصر HTML بالمعرف = "showCD". يتم استدعاء الدالة DisplayCD() عند تحميل الصفحة:

مثال

 x=xmlDoc.getElementsByTagName("CD");
أنا=0;

عرض الدالة CD()
{
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="الفنان: " + الفنان + "<br />العنوان: " + العنوان + "<br />السنة: "+ سنة؛
document.getElementById("showCD").innerHTML=txt;
}

جربه »

إضافة برنامج نصي للتنقل

من أجل إضافة التنقل (الوظيفة) إلى المثال أعلاه، يجب إنشاء وظيفتين: التالي () والسابق ():

مثال

 الوظيفة التالية ()
{ // عرض القرص المضغوط التالي، إلا إذا كنت على القرص المضغوط الأخير
إذا (ط<x.الطول-1)
{
أنا++;
DisplayCD();
}
}

الدالة السابقة()
{ // يعرض القرص المضغوط السابق، إلا إذا كنت على القرص المضغوط الأول
إذا (ط> 0)
{
أنا--؛
DisplayCD();
}
}

جربه »

إظهار معلومات الألبوم عند النقر على القرص المضغوط

يوضح المثال الأخير كيفية عرض معلومات الألبوم عندما ينقر المستخدم على عنصر القرص المضغوط:

جربها.

لمعرفة المزيد حول استخدام JavaScript وXML DOM، قم بزيارة البرنامج التعليمي XML DOM الخاص بنا.