hi everyone..
i am using ajax to change the banner background while pressing on refresh
Note:it must be a background image because i will display data from database...


http://www.graphicano.com/isis/nile_crown2.php

please look at this link...

my problem is:
when i press refresh button in Firefox browser it changes the background and on pressing refresh again the background will change

but in internet explorer 8.0 it changes the background only for the first time and on pressing refresh again the background will not change.

how i can fix this problem ?? i want the user to press refresh at any time and the background will change.. not only for the first time?
at the same time it must be a background image because i will display text from database...

IE locks the XMLHttpRequest object on first use and will not allow subsequent communications using the same object.
So it needs a bit of "hoop jumping" to make the object reusable.

var m_oRequest = null;

function setRequestObject() {
	if (m_oRequest == null) {
		m_oRequest = createRequestObject();
	} else if (m_oRequest) {
		m_oRequest.abort();
	}
}	

function createRequestObject() {
var l_oRequest = null;
	if (window.XMLHttpRequest) {
		try { 
				l_oRequest = new XMLHttpRequest();
			} catch (e) {
				l_oRequest = false;
			}
	} else if (window.ActiveXObject) {
		try {
				l_oRequest = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
			try {
					l_oRequest = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {
			//		alert("Your browser does not support AJAX!");
					l_oRequest = false;
				}
			}
	}
	return l_oRequest;
}

Call setRequestObject() to create the XMLHttpObject this wiil check if the objects exists and aborts the existing (finished) operation if it does, this allows it to accept another operation.

The bug has been around ever since the object was introduced in IE, so you think they would have managed to fix it by now!!!