Po wybraniu schematu wybierania w okienku <option> pojawiają się napisy undefinef a powinno być dla pierwszego schematu red,green,blu...
kolory się zmieniają zgodnie ze skryptem, chodzi o samo wyświetlanie. oto kod:
<body>
<script language="javascript">
if (window.XMLHttpRequest)
{
XMLHttpRequestObject = new XMLHttpRequest(); }
else if (window.ActiveXObject)
{
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP"); }
var options;
function getOptions1()
{
if (XMLHttpRequestObject) {
XMLHttpRequestObject.open ("GET",
"option1.php", true);
XMLHttpRequestObject.onreadystatechange =function()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status ==200) {
var xmlDocument = XMLHttpRequestObject.responseXML;
options = xmlDocument.getElementsByTagName("option");
listOptions();
}
}
XMLHttpRequestObject.send(null);
}
}
function getOptions2()
{
if (XMLHttpRequestObject) {
XMLHttpRequestObject.open ("GET",
"option2.php", true);
XMLHttpRequestObject.onreadystatechange =function()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status ==200) {
var xmlDocument = XMLHttpRequestObject.responseXML;
options = xmlDocument.getElementsByTagName("option");
listOptions();
}
}
XMLHttpRequestObject.send(null);
}
}
function listOptions ()
{
var loopIndex;
var selectControl = document.getElementById('optionList');
for (loopIndex = 0; loopIndex < options.length; loopIndex++)
{
selectControl.options[loopIndex] = new
Option(options[loopIndex].firstChild.data0);
}
}
function setOption ()
{
document.getElementById('targetDiv').style.color =
options[document.getElementById
('optionList').selectedIndex].firstChild.data;
}
</script>
<h1>Użycie Ajaks i XML</h1>
<form>
<select size="1" id="optionList"
onchange="setOption()">
<option>Wybierz schemat</option>
</select>
<input type = "button" value= "Użyj schematu kolorów 1"
onclick = "getOptions1()">
<input type = "button" value= "Użyj schematu kolorów 2"
onclick = "getOptions2()">
</form>
<div id="targetDiv" width=100 height=100>Kolor tego tekstu </div>
</body>