PHP, Ajax function in IE

[Bryant May]

Ive written a function which works in Firefox but not in IE, in fact there are several things about this page that dont work in IE but this is the main one!! I have a list view within a CMS that is displaying a list of pages within a web site. Part of the list is a status indicator (A graphic) which is either green, orange or red dependent on the current status of the page. Ive written an onclick Ajax function that alters the image and updates the DB stored status of the page. This is accomplished everytime the image is clicked - The icon is altered based on its current state, the function is called which creates an Ajax object, passes the current state and the id of the page to a PHP script which updates the mysql database. NOTHING IS RETURNED FROM THE PHP SCRIPT. The code for this is as follows: //PHP function call

  showStatus($myRow\['id'\], $myRow\['status'\], $userID);

PHP function definition

function showStatus($id, $status, $editor)
{
if ($status == "1")
print "";
if ($status == "5")
print "";
if ($status == "9")
print "";
}

function getStatus(id, editor)
{
createObject();

if (XMLHttpRequestObject)
{
	var url = "/cms/functions/ajax/getStatus.php?id=" +id;
	
	XMLHttpRequestObject.open("GET", url, true);
	
	XMLHttpRequestObject.onreadystatechange = function()
	{
		if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
		{
			var result = XMLHttpRequestObject.responseText;	
			changeStatus(id, result, editor);			
		}
	}
	XMLHttpRequestObject.send(null);
}	

}

//AJax function definition
function changeStatus(id, currentStatus, editor)
{
createObject();

if (XMLHttpRequestObject)
{
	var icon = document.getElementById("statusIcon"+id);
	var url = "/cms/functions/ajax/statusUpdater.php?id=" +id+"&editor=" +editor+ "&curState=" +currentStatus;
	
	XMLHttpRequestObject.open("GET", url, true);
	
	XMLHttpRequestObject.onreadystatechange = function()
	{
		if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
		{
			
			var result = XMLHttpRequestObject.responseText;
		
			if (currentStatus == 1)
			{
				icon.src = "images/system/paused.gif";
			}
			if (currentStatus == 5)
			{
				icon.src = "images/system/stopped.gif";
			}
			if (currentStatus == 9)
			{
				icon.src = "images/system/active.gif";
			}
		}
	}
	XMLHttpRequestObject.send(null);
}	

}

AND FINALLY // The php mysql update

[fly904]

I suggest using JQuery[^] as it's functionality is compatible in all(most) browsers as far as I know. Then you may want to use the Ajax Post Method[^] as I find it easier.

hmmm pie