Despite claims that I did not thoroughly research, I can assure you that I have reviewed extensively all information related to my query. Unfortunately, I have yet to find a satisfactory answer. I have implemented a basic AJAX script that is designed to load an external file into a pre-defined div. Below is the code for this script:
function loadTwitter()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your Browser Don't Support AJAX!");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.getElementById("column_twitter").innerHTML=xmlHttp.responseText;
}
}
xmlHttp.open("GET","../includes/home/twitter.php",true);
xmlHttp.send(null);
}
While this script functions properly on most browsers I have tested (FF, Opera, Chrome, and Safari), it encounters an issue in IE7 where it fails to inject the external PHP file into the specified div. Instead, it retains the default text that I have manually entered into the div... My suspicion is that the problem lies within this particular line of code:
document.getElementById("column_twitter").innerHTML=xmlHttp.responseText;
Any suggestions on how to resolve this issue specifically for IE (version 7 and above)?