How can I make a simple HTML chat room? It has to actively modify code too.?

  • Thread starter Thread starter Fredrick H
  • Start date Start date
F

Fredrick H

Guest
Here is the code that I have currently, but instead of writing to the page, I want it to change the code so that it will show up over the network when you refresh. Maybe not even change, just add to it. If it's possible, though can I have it so that after a certain amount of text is put into the HTML so that it will show up over the network that it will delete it so that there isn't an overload of text.

<html>
<head>
<script type="text/javascript">
function chatRoom(){
var text = document.getElementById("area").innerHTML += document.getElementById("message").value += " ";
document.getElementById("text").value;
}
</script>
<title>My Form</title>
</head>
<body onLoad="chatRoom()">
<form enctype="text/plain" target="area" onSubmit="chatRoom()">
<textarea id="message" name="message"></textarea>
<input type="submit" name="submit" id="submit" value="submit">
<button type="button" onClick="chatRoom()" value="Yourself" name="Yourself" id="Yourself">Yourself</button>
</form>
<div id="area">
<area id="text" value="nothing">
</div>
</body>
</html>

Any help appreciated, thanks.
 
you can not make a plain html / javascript chat room as there is no way for it to Retrieve messages from over the network, you need to implement some server side scripting language like php to either use flatfiles or databases to send and retrieve messages.

After you get that you can use Ajax to dynamically get the new messages and put them into the message window, so that the person doesnt have to continuelly reload the page.
 
Back
Top