Loading...

[The Little Guy]

With AJAX, is it possible to display text such as... "Loading..." during the states 0-3? If so how?

 

This is an example from one of my sites that uses AJAX (Taken from http://tizag.com)

<script type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(sourcetxt){
var ajaxRequest;  // The variable that makes Ajax possible!

try{
	// Opera 8.0+, Firefox, Safari
	ajaxRequest = new XMLHttpRequest();
} catch (e){
	// Internet Explorer Browsers
	try{
		ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try{
			ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e){
			// Something went wrong
			alert("You Browser Doesn't support AJAX.");
			return false;
		}
	}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
	if(ajaxRequest.readyState == 4){
		document.getElementById('blue').innerHTML = ajaxRequest.responseText;
	}
}
ajaxRequest.open("GET", "switch.php?view=" + sourcetxt, true);
ajaxRequest.send(null);	
}
//-->
</script>

[The Little Guy]

NVM GOT IT!

[kaspalog]

alright then, can you share the solution?

[The Little Guy]

My Solution:

 

<script type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(sourcetxt){
var ajaxRequest;  // The variable that makes Ajax possible!

try{
	// Opera 8.0+, Firefox, Safari
	ajaxRequest = new XMLHttpRequest();
} catch (e){
	// Internet Explorer Browsers
	try{
		ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try{
			ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e){
			// Something went wrong
			alert("You Browser Doesn't support AJAX.");
			return false;
		}
	}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
	if(ajaxRequest.readyState < 4){
		document.getElementById('blue').innerHTML = '<h2>Loading...</h2>';
	}
	if(ajaxRequest.readyState == 4){
		document.getElementById('blue').innerHTML = ajaxRequest.responseText;
	}
}
ajaxRequest.open("GET", "switch.php?view=" + sourcetxt, true);
ajaxRequest.send(null);	
}
//-->
</script>