rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>example 5</title>
<script type="text/javascript">
<!--
var ajaxObj;
var xml;
if (window.XMLHttpRequest) {
ajaxObj = new XMLHttpRequest();
} else if (window.ActiveXObject) {
ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");
}
function fetch(dSource) {
ajaxObj.open("get",dSource,true);
ajaxObj.onreadystatechange = function() {
if (ajaxObj.readyState == 4 && ajaxObj.status == 200) {
var xmlData = ajaxObj.responseXML;
xml = xmlData.getElementsByTagName("data");
listXml();
}
}
ajaxObj.send(null);
}
function listXml() {
var lindex;
var obj = document.getElementById("optionList");
for (lindex=0; lindex < xml.length; lindex++) {
obj.xml[lindex] = new Option(xml[lindex].firstChild.data);
}
}
-->
</script>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<form>
<select size="1" id="optionList" onchange="setOption()">
<option>Select a scheme</option>
</select>
<input type = "button" value = "Use color scheme 1" onclick = "fetch('test5.xml');">
<input type = "button" value = "Use color scheme 2" onclick = "fetch('test5b.xml');">
</form>
</body>
</html>