Ik ben bezig met een kleine Ajax applicatie maar hij werkt wel in Firefox maar niet in Internet Explorer, wat doe ik niet goed? Ik ben nog maar net begonnen met Ajax.
PHP:
<html>
<head>
<style type="text/css">
.verborgen
{
display:block;
font-size:11px;
padding:4px;
position:absolute;
}
</style>
</head>
<table class="orderrowtable" width="669" style="border-collapse: collapse" cellpadding="0" cellspacing="0" bgcolor="#B3B3B3">
<form name="formulier">
<tr>
<td>
<h3>Broodje:</h3>
<BR>
</td>
<td>
<?
require('dbcon.php');
echo "<select onchange='show2(this.value)'>";
$query = mysql_query("SELECT * FROM beleg ORDER BY id");
while($array = mysql_fetch_array($query)){
echo "<option id='".$array['afbeelding']."'>".$array['naam']."</option>";
}
echo "</select>";
?>
</td>
[JS]<script type="text/javascript">
<!-- show2-->
function show2(str)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url="select_extra.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
latenzien2();
}
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("extra").innerHTML=xmlhttp.responseText;
}
}
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
</script>[/JS]
</tr>
<tr>
<td colspan="2">
<div id="extra"></div>
</td>
</tr>
</div>
<tr>
<td>
<h3>Drinken:</h3>
<BR>
</td>
<td>
<select onchange="latenzien3('broodje')">
<?
require('dbcon.php');
$query = mysql_query("SELECT * FROM dranken ORDER BY id");
while($array = mysql_fetch_array($query)){
echo "<option>".$array['naam']."</option>";
}
echo "</select>";
?>
</td>
</tr>
</div>
<tr>
<td>
<input type="text" id="aantal_veld" value="aantal" >
</td>
<td>
<input type="text" id="bestemd_voor" value="bestemd voor">
</td>
</tr>
<tr><td> </td></tr>
</table>
</form>
</html>
Laatst bewerkt:
