سبد (0)

آموزش 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

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: " + artist + "<br />Title: " + title + "<br />Year: "+ year;
document.getElementById("showCD").innerHTML=txt;
}

Try it yourself »

Navigate بین  CD ها

نکته: Navigate در اصل به معنای راندن کشتی یا هواپیما می‌باشد که در علوم IT و طراحی وب به معنی جابه‌جایی و گشت زدن بین لینک‌ها، عناصر و ... می‌باشد. به همین منظور از ترجمه آن خودداری کرده تا با این کلمه ‌آشنا شوید.

برای جابه‌جایی بین CDها، در مثال پایین، تابع ‌های next() و previous() را اضافه نمودیم:

Example

function next()
{ // 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 کلیک می‌کند نشان داد:

Try it yourself.

برای اطلاعات بیشتر درباره استفاده از JavaScript و XML DOM به آموزش XML DOM مراجعه کنید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه