I am not good at JavaScript and I am not close to being an XML expert. I need some help.
I am working on a project where I am using XML to display tables and images within jQuery Accordions. It would be nice to write a global function so I do not have to replicate all the script code in every accordion (I am almost using the same script for 6 accordion windows). Please help.
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="../css/Tables.css" ?>
<CATALOG>
<FEATURE>
<NAME>NFL</NAME>
<DET>images/supported.png</DET>
<PHI>images/supported.png</PHI>
<MIA>images/supported.png</MIA>
<NYJ>images/not_supported.png</NYJ>
<NE>images/not_supported.png</NE>
<GB>images/not_supported.png</GB>
<CHI>images/not_supported.png</CHI>
</FEATURE>
</CATALOG>
<body>
<script>
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","xml/data_HR.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table><tr id='feature'><th></th><th id='DET'></th><th id='PHI'></th><th id='MIA'></th><th id='NYJ'></th><th id='NE'></th><th id='GB'></th><th id='CHI'></th></tr>");
var x=xmlDoc.getElementsByTagName("FEATURE");
for (i=0;i<x.length;i++)
{
//UltiPro Function Name Column
document.write("<tr><td>");
document.write("<div id='NAME'>" + x[i].getElementsByTagName("NAME")[0].childNodes[0].nodeValue + "</div>");
document.write("</td><td>");
var DETNodes = xmlDoc.getElementsByTagName("DET");
document.write("<img src='" + IE8Nodes[i].firstChild.nodeValue + "' />");
document.write("</td><td>");
var PHINodes = xmlDoc.getElementsByTagName("PHI");
document.write("<img src='" + IE9Nodes[i].firstChild.nodeValue + "' />");
document.write("</td><td>");
var MIANodes = xmlDoc.getElementsByTagName("MIA");
document.write("<img src='" + IE10Nodes[i].firstChild.nodeValue + "' />");
document.write("</td><td>");
var NYJNodes = xmlDoc.getElementsByTagName("NYJ");
document.write("<img src='" + IE11Nodes[i].firstChild.nodeValue + "' />");
document.write("</td><td>");
var NENodes = xmlDoc.getElementsByTagName("NE");
document.write("<img src='" + FF31Nodes[i].firstChild.nodeValue + "' />");
document.write("</td><td>");
var GBNodes = xmlDoc.getElementsByTagName("GB");
document.write("<img src='" + FF32Nodes[i].firstChild.nodeValue + "' />");
document.write("</td><td>");
var CHINodes = xmlDoc.getElementsByTagName("CHI");
document.write("<img src='" + Cro37Nodes[i].firstChild.nodeValue + "' />");
//finish Columns
document.write("</td></tr>");
}
document.write("</table>");
</script>
</body>
Aucun commentaire:
Enregistrer un commentaire