Untitled

---- chat.html ----

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>ajax chat</title>
		<script type="text/javascript" src="classes/AJAXConnection.js"></script>
		<script type="text/javascript">
		<!--
			var ajaxObj = new AJAXConnection();
			
			ajaxObj.onSuccess = function() {
				var main = document.getElementById("main");
				main.innerHTML = this.data;
			}

			function send_nick(form) {
				ajaxObj.sendForm(form,true,form.btnSubmit);
				alert(form.n.value);
			}

		-->
		</script>
	</head>
<body>
	<div id="main">
		<div id="note">Enter a nickname:</div>
		<form method="post" action="chat.php" onsubmit="send_nick(this);">
			<input type="text" name="n" size="30" />
			<input type="submit" value="Continue ->" name="btnSubmit" />
		</form>
	</div>
</body>
</html>

---- chat.php ----

<?php
	$nick = $_POST['n'];
	$action = $_POST['a'];
	//echo "i made it this far<br />nick: ".$nick."<br />action: ".$action;
	if($_POST['n']!=""){
		echo "
		<div id=\"note\">Type something below.</div>
		<form method=\"post\" action=\"\" onsubmit=\"set_data(); return false;\">
			<input type=\"text\" name=\"textbox\" size=\"30\" />
		</form>
		<br />
		<div id=\"container\">
			<div id=\"head\"><b>Result:</b> </div>
			<div id=\"replace_me\"></div>
		</div>	";
	}
?>