Christian: Chat Simulation via JavaScript

Beitrag lesen

Folgendes habe ich mir vorgestellt:

Man gibt seinen Nicknamen ein, dann klickt man auf Connecten, somit wird das Feld "nick" ausgelesen und im linken Textfeld wird "Willkommen im Chat, "nick" ausgegeben.

Dann beginnt das Ganze: Man gibt unten Text ein und klickt auf "Send" nun wird der Text im linken Textfenster so angezeigt: [nick] + " : " + [text], der Text stellt das Geschriebene dar.

Nun werden die Antworten simuliert. Ich glaube das kann man per if-Abfrage simulieren...

if(text==hallo)

Und dann z.B. als Text unter dem bisher geschriebenem im Textfenster "Robert: Hi [nick], wie gehts dir?".

Der Quelltext meines bisher fabrizierten lautet:

--------------------------------------------------------

<!-- saved from url=(0022)http://internet.e-mail -->
<html>
<head>
<script language="JavaScript">
<!--
var i=0,k=0,ks="no",inhaltta="Daten:",such;
var person = new Array();

function connecten() //Eingabe
{

}

//-->
</script>
<title>FUN CHAT</title></head>
<body>
<center>
<p>
<style type="text/css">
<!--
body {background-color:white; color:black;}
table { background-color:white; }
.Button {background-color:lightblue; color:black; border:1px solid red; }
.Textarea {background-color:yellow; color:black; }

//-->
</style>
</p>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Gib deinen gewünschten
Nicknamen ein und klicke anschließend auf 'Connecten' </font></p>
<form name="formular">
<table border="1" width="535">
<tr>
<td colspan="2"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" value="Nickname" name="nick" class="textarea">
</font>
<tr>
<td width="267">
<textarea cols="40" rows="10" readonly class="textarea" name="ta"></textarea>

<td align=center width="252">
<input type="button" class="button" value="Connecten" onClick="connecten()"><br>
<br>
<input type="button" class="button" value="Disconnecten" name="loeschen" onClick="clearta()">
<br>
<tr>
<td colspan="2" align="center">
<div align="left">
<input type="text" value="Gib hier deinen Text ein" name="chatfeld" size="50" class="textarea">
<input type="button" class="button" value="Send" onClick="connecten()" name="button">
</div>

</table>
</form>
</center>
</body>
</html>

--------------------------------------------------------

Wäre schön, wenn sich einer dafür interessiert und ein bisschen mehr Ahnung von der "Materie" hat :-)

Danke im Voraus !!!

Christian