Applications XML
Ce chapitre démontre une certaine petite application XML, HTML, XML DOM basé sur XML et JavaScript intégré.
le document XML exemple
Dans cette application, nous allons utiliser le "cd_catalog.xml" fichier.
Affichage d'un CD dans l'élément HTML
Les exemples suivants obtiennent des données XML à partir du premier élément d'un CD, puis afficher les données dans l'id = élément HTML "showCD". displayCD () fonction est appelée lorsque la page se charge:
Exemples
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;
}
Essayez »
Ajouter le script de navigation
Pour ajouter la navigation (fonction) à l'exemple ci-dessus, nous devons créer la prochaine () et précédente () deux fonctions:
Exemples
{ // 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();
}
}
Essayez »
Lorsque vous cliquez sur les informations de l'album CD est affiché lorsque
Le dernier exemple montre comment afficher les informations de l'album lorsque l'utilisateur clique sur un projet de CD:
Essayez .
Pour plus d' informations sur l' utilisation de JavaScript et XML DOM, visitez notre XML DOM tutoriel .