Errors in IE 8. >.<

[iDunk]


<SCRIPT TYPE="text/javascript">
function createRequestObject() {
 var req = "";
 var browserCatch;

 if (window.XMLHttpRequest) {
   // Firefox, Safari, Opera...
   browserCatch = 1;
   req = new XMLHttpRequest();

   } else if(window.ActiveXObject) {
   // Internet Explorer 5+
   browserCatch = 2;
   //req = new ActiveXObject("Microsoft.XMLHTTP");
   req = new ActiveXObject("Msxml2.XMLHTTP");

 } else {
   alert('The AJAX auto-update is not compatible with this browser.');
 }
document.write(browserCatch);
//document.getElementById('catch').innerHTML = browserCatch;
return req;

}

var obj = createRequestObject();

function requesthandle() {

 //document.getElementById('rstate').innerHTML = obj.readyState + " " + obj.status;

 if (obj.readyState == "4" || obj.status == "200") {
   var response = "";
   var response = obj.responseText;
 if (response) {
       var data = response.split('|');
var date = data[0];
       var time = data[1];
       var vms = data[2];
       var status = eval(data[3]);
       var ping = data[4];

       document.getElementById('raw').innerHTML = data;
       document.getElementById('date').innerHTML = date;
       document.getElementById('time').innerHTML = time;
       document.getElementById('vms').innerHTML = vms;
       switch (status) {
         case 0:
           document.getElementById('status1').style.display='none';
           document.getElementById('status2').style.display='none';
           document.getElementById('status0').style.display = '';
        break;
         case 1:
           document.getElementById('status0').style.display = 'none';
           document.getElementById('status2').style.display = 'none';
           document.getElementById('status1').style.display = '';
         break;
         case 2:
           document.getElementById('status0').style.display = 'none';
           document.getElementById('status1').style.display = 'none'
           document.getElementById('status2').style.display = '';
         break;
         default:
           alert('None!');
       }      
       if (ping == 1) {
         document.getElementById('offline').style.display = 'none';
         document.getElementById('online').style.display = '';
       }
       else {
         document.getElementById('online').style.display = 'none';
         document.getElementById('offline').style.display = '';
       }
 }
}
date = new Date();
document.getElementById('graph').src="newsamplegraph.php?offset=1200&"+date.getTime();
document.getElementById('graph3').src="newsamplegraph.php?offset=600&"+date.getTime();
document.getElementById('graph2').src="newsamplegraph.php?offset=0&"+date.getTime();
}

function sendRequest() {
 obj.open('get', 'data.php');
 obj.onreadystatechange = requesthandle;
 obj.send(null);
}

function update() {
 sendRequest();
 setTimeout("update()", 10000);
}
</SCRIPT>


What is wrong with this code!?! This code works in every single browser I've tried, except for Internet Explorer 8. For some reason it either throws an "unspecified error" or a "permission denied" error. If somebody could tell me what's going on here, I'd appreciate it much. Thank you.

Edit: Also, it may help to mention that it works the first time to fetch the data, but it doesn't refresh the data (other than the images). >.<
-iDunk

[tracco]

Just put at the bottom of the page "Works best with Firefox".

[Michael]

Oct 2, 2009 9:57:40 GMT -8 tracco said:

Just put at the bottom of the page "Works best with Firefox".

*shoots* NO!

//req = new ActiveXObject("Microsoft.XMLHTTP");
req = new ActiveXObject("Msxml2.XMLHTTP");

Why aren't you using the first one, why the second?

[iDunk]

Oct 5, 2009 5:49:36 GMT -8 Michael said:

//req = new ActiveXObject("Microsoft.XMLHTTP");
req = new ActiveXObject("Msxml2.XMLHTTP");

Why aren't you using the first one, why the second?

Because as I was researching the problem on the internet, that was different and I was going by trial and error. ;D For now though, we've put that project on the back burner.

-iDunk

[Zath]

JSLint has a problem with this section. www.jslint.com

Don't ask me why or if its correct in its findings.



date = new Date();
document.getElementById('graph').src="newsamplegraph.php?offset=1200&"+date.getTime();
document.getElementById('graph3').src="newsamplegraph.php?offset=600&"+date.getTime();
document.getElementById('graph2').src="newsamplegraph.php?offset=0&"+date.getTime();


[Charles Stover]

I don't think you can name a variable "date," since that's the name of a method. Call it something like "time" or "timestamp."

[iDunk]

I'll look in to that problem as soon as the server comes back up. We may be having some hardware problems with that server. :-\ Anyways, I'm not sure why I would've named it that, but I do find it interesting that only IE 8 has had a problem with that. As far as I know, every other browser I tried updated everything correctly. I'll update when I try that. Thanks.

-iDunk

[Charles Stover]

If you want to use a cross-browser ajax function, you can use mine:var http;
var Ajax = function(type, url, params, onrsc)
{
http = null;
/*@cc_on
@if (@_jscript_version >= 5)
try {
http = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
http = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E) {
http = false;
}
}
@else
xmlhttp = http;
@end @*/
if (!http && typeof(XMLHttpRequest) != "undefined")
{
try {
http = new XMLHttpRequest();
}
catch (e) {
http = false;
}
}
http.open(type, url + (type == "GET" && params != "" ? '?' + params : ""), true);
http.onreadystatechange = onrsc;
if (type != "GET")
{
http.setRequestHeader("Connection", "close");
http.setRequestHeader("Content-Length", params.length);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
}
http.send(type == "GET" ? null : params);
};Just:
Ajax("GET", "my-page.php", "id=test&page=2", function() {
if (http.readyState == 4) alert(http.responseText);
});
Ajax("POST", "post.php", "mode=ajax&name=me&message=" + encodeURIComponent(message.value), function() {
if (http.readyState == 4) eval(http.responseText);
});