Hello all,
I've got an problem with AJAX and IE, maybe this is also interesting for you guys and gals.
This is just a test file I made.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<script type="text/javascript">
function FuncTest()
{
window.document.getElementById('ftest').innerHTML="Hello World!";
}
function funcTEST()
{
document.getElementById('test').innerHTML="<option>Hello World!</option>";
}
</script>
<form name="myForm">
<select id="test" name="test">
<option>Click first</option>
</select>
<input type="button" onclick="funcTEST()" value="Click" />
<br /><br />
<b>Div</b><br />
<input type="button" onclick="FuncTest()" value="Click" />
<div id="ftest" name="ftest"></div>
</form>
</body>
</html>
This works with every browser I tried except IE (I tried Firefox, Opera, Chrome, Safari).
When I press the button next to the combobox I should get a different list but for some reason IE doesn't do that.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<script type="text/javascript">
function FuncTest()
{
window.document.getElementById('ftest').innerHTML="Hello World!";
}
function funcTEST()
{
var x = document.getElementById('test');
x.options[0].text="Hello World!";
}
</script>
<form name="myForm">
<select id="test" name="test">
<option>Click first</option>
</select>
<input type="button" onclick="funcTEST()" value="Click" />
<br /><br />
<b>Div</b><br />
<input type="button" onclick="FuncTest()" value="Click" />
<div id="ftest" name="ftest"></div>
</form>
</body>
</html>
With this code it works, but how can make the same situation with the output from my php script I used in AJAX, or how can I solve the first problem?
Thanks in advanced,
GatekeeperCruelman
