آموزش XML-کاربرد‌ها
این فصل چند کاربرد کوچک XML را که با XML, HTML, XML DOM و JavaScript ساخته شده‌اند، نشان می‌دهد.
سند XML استفاده شده
در این نرم‌افزار ما از فایل "cd_catalog.xml" استفاده کرده‌ایم
Display the First CD in an HTML div Element
مثال زیر داده‌هارا از اولین عنصر CD می‌گیرد. و آن‌هارا در یک عنصر HTML با "id="showCD نشان می‌دهد.
زمانی که صفحه بارگذاری شد تابع ()displayCD فراخوانی می‌شود:
Example
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: " + artist + "<br />Title: " + title + "<br />Year: "+ year;
document.getElementById("showCD").innerHTML=txt;
}
Try it yourself »
Navigate بین CD ها
نکته: Navigate در اصل به معنای راندن کشتی یا هواپیما می‌باشد که در علوم IT و طراحی وب به معنی جابه‌جایی و گشت زدن بین لینک‌ها، عناصر و ... می‌باشد. به همین منظور از ترجمه آن خودداری کرده تا با این کلمه آشنا شوید.
برای جابه‌جایی بین CDها، در مثال پایین، تابع های next() و previous() را اضافه نمودیم:
Example
{ // display the next CD, unless you are on the last CD
if (i<x.length-1)
{
i++;
displayCD();
}
}
function previous()
{ // displays the previous CD, unless you are on the first CD
if (i>0)
{
i--;
displayCD();
}
}
Try it yourself »
نمایش اطلاعات آلبوم زمانی که روی یک CD کلیک می‌کنید
در مثال بعد نشان داده شده که چطور می‌توان اطلاعات آلبوم را زمانی که کاربر بر روی یک CD کلیک می‌کند نشان داد:
برای اطلاعات بیشتر درباره استفاده از JavaScript و XML DOM به آموزش XML DOM مراجعه کنید.
- نوشته شده توسط میلاد نظری
- بازدید: 7918
