Why is this Null?

ShoeLace1291 · October 13, 2010

So I have a Javascript function that calls an ajax file. This function has two parameters, url, and div. This function calls the statechange function in which the div variable is passed to. In firebug I get an error saying that the div variable is null on one line, but not on other lines that it is used. Here is my source code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site Name - Official Website(Beta)</title>
<link rel='stylesheet' href='template/style.css' />


	<script type='text/javascript'>window.onload = loadAjax('http://localhost/ajaxtest.php', 'test');
	function loadAjax(url, divid){

		if(window.XMLHttpRequest){
			xmlhttp = new XMLHttpRequest();
		} else {
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange = stateChange(divid);
		xmlhttp.open("GET",url,true);
		xmlhttp.send();

	}


		function stateChange(divid){

		var area = document.getElementById(divid );

			if (xmlhttp.readyState==4 && xmlhttp.status==200){
				 area.innerHTML=xmlhttp.responseText;
			} else if (xmlhttp.readyState == 4 && xmlhttp.status == 404){
				area.innerHTML = "";
			}else if(xmlhttp.readyState != 4){
						area.innerHTML = '<img src="http://localhost/ceasarssoldiers/template/images/ajax-loader.gif">';

						}

		}
		</script>
</head>

<body>

<div id='container'>

<div id='header'>
    
    	<a href='http://example.com/index.php' title='Home'><img src='http://localhost/template/images/banner_logo.png' width='543' height='77' alt="Ceasar's Soldiers.com - Official website beta." border='0' /></a>
        
    </div>
    
    <div id='navigation'>
    	
        <ul>
        	<li><a href='#'>Home</a></li>
            <li><a href='#'>Forums</a></li>
            <li><a href='#'>Rosters</a></li>

            <li><a href='#'>Matches</a></li>
            <li><a href='#'>Challenge</a></li>
            <li><a href='#'>Enlist</a></li>
            <li><a href='#'>Login</a></li>
            <li><a href='#'>Support</a></li>
        </ul>

        
    </div>
    
    <div id='test'>asdf</div>

Error Console in Firebug says that Area is null on line 33 which is this:

							area.innerHTML = '<img src="http://localhost/ceasarssoldiers/template/images/ajax-loader.gif">';

The purpose of that line is to display the ajax loading image while the page is being loaded. Why is Area null on this line, but not the others?

Sign In

Why is this Null?

Recommended Posts

ShoeLace1291

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information