Переключение между файлами XML с помощью JavaScript

Question

Я использую XML-файлы в качестве макета для моего HTML-страницы и при помощи JavaScript, чтобы загрузить их так:

if (window.XMLHttpRequest) 
    { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

xmlhttp.open("GET","default.xml",false); 
xmlhttp.send(); 
xmlDoc=xmlhttp.responseXML; 

Как можно переключаться между 2 или более макетов?

Я использую JavaScript/XML, чтобы загрузить XML в HTML, как это:

document.write('<ul id="horizontal-list">'); 
var x=xmlDoc.getElementsByTagName("APP"); 
for (i=0;i<x.length;i++) 
    { 
    document.write('<li><a class="app_link" href="depiction.php?app='); 
    document.write(x[i].getElementsByTagName("NAME")[0].childNodes[0].nodeValue); 
    document.write('&dl='); 
    document.write(x[i].getElementsByTagName("DOWNLOAD")[0].childNodes[0].nodeValue); 
    document.write('&install='); 
    document.write(x[i].getElementsByTagName("INSTALL")[0].childNodes[0].nodeValue); 
    document.write('">'); 
    document.write('<label class="app_label">'); 
    document.write(x[i].getElementsByTagName("NAME")[0].childNodes[0].nodeValue); 
    document.write('</label><img class="applicationIcon" src="'); 
    document.write(x[i].getElementsByTagName("ICON")[0].childNodes[0].nodeValue); 
    document.write('"/></a></li>'); 
    } 
document.write('</ul>'); 

Примечание: Я использую таблицы стилей CSS также.

Answer 1

Сделать Аякс функцию, как показано ниже, и вызвать функцию с путем к файлу XML:

function getXml($file){ 
if (window.XMLHttpRequest) 
    { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

xmlhttp.open("GET",$file,false); 
xmlhttp.send(); 
xmlDoc=xmlhttp.responseXML; 
} 

и вы также можете отправить свой файл CSS слишком (добавить второй параметр, чтобы работать и использовать JQuery Append функция добавления таблицы стилей)