Browseren henter selv XML og XSL filerne, men de ser således ud:
XML:
http://tjens.dk/eksperten/xsl02/votes.xmlXSL:
http://tjens.dk/eksperten/xsl02/votes.xslHTML:
<html>
<head>
<title>XSL transform Demo</title>
<style type="text/css">
body {background-color: white; font-family : sans-serif;}
table, th, tr, td {border: 1px solid grey; border-collapse: collapse; padding: 2px 8px 2px 8px;}
#hovered {background : PapayaWhip;}
tr.selected {font-weight: bold; background-color: LemonChiffon;}
#TD_hovered {background : PeachPuff;cursor: pointer;}
.minor {color : gray}
</style>
<script type="text/javascript">
var projectKeysString='dummy';
var ProjectsXML;
var xml;
var xsl = new ActiveXObject("Microsoft.XMLDOM");
xsl.async = false;
xsl.load("votes.xsl");
var sort=xsl.getElementsByTagName("xsl:sort");
function showMain(P_sort, type) { // modify XSL
var selected = sort[0].getAttribute('select');
var order = sort[0].getAttribute('order');
document.getElementById(selected + "TH").innerText = ' ';
var indicator = 'v';
if (P_sort == selected && order == "ascending") {
sort[0].setAttribute('order', 'descending');
indicator = '^';
}
else {
sort[0].setAttribute('order', 'ascending');
}
sort[0].setAttribute('select', P_sort);
sort[0].setAttribute('data-type', type);
document.getElementById("MainFrame").innerHTML=xml.transformNode(xsl);
document.getElementById(P_sort + "TH").innerText = indicator;
}
function createXMLfromFile(f) {
document.getElementById("MainFrame").innerHTML="Loading...";
//resetSort();
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.load(f) ;// Load XML
var count=xml.getElementsByTagName("kandidater");
if (count.length < 1 )
document.getElementById("MainFrame").innerHTML='<pre>' + f + '</pre> not found or not valid XML';
else
document.getElementById("MainFrame").innerHTML=xml.transformNode(xsl);
return count.length;
}
function resetSort() {
sort[0].setAttribute('order', 'descending');
sort[0].setAttribute('select', 'stemmer');
}
</script>
</head>
<body onload="createXMLfromFile('votes.xml') ;">
<div>
<p>
</p>
</div>
<div id="MainFrame">
Your browser does not support the scripts on this page
</div>
</body>
</html>