Schlagwort-Archive: Eigener Chat

Progammierkurs eigener Chat

Progammierkurs eigener Chat

Jeder der sich mit HTML, CSS, JAVAScript usw. zu tun hatte beschäftigt eine Frage: „Wie kann man einen eigenen Chat Programmieren.

Ich habe seit kurzem die Antwort darauf gefunden.

PHP Chats sind heute Aktuelle Chat die als Datenbank oder als Text System Funktionieren. Ich zeige euch einfach mal einen Text Chat und hoffe Ihr freut euch darauf es selbst auszuprobieren.

Als Erstes nehmen Wir uns mal die CSS Datei vor:

Hier der chat.css

body, td  {font-family: Verdana; font-size: 9pt; background-color: #d0dce0; color: #00008b }

a:link {font-family: Verdana; font-size: 9pt; color: #0000ff }

a:visited {font-family: Verdana; font-size: 9pt; color: #0000ff }

a:hover {font-family: Verdana; font-size: 9pt; color: #ff0000 }

Zweitens den Analog Fenster:

Der

<html>
<frameset rows=“4*,*“>
<frame src=“chat_text_aus.php“ name=“ausgabe“ />
<frame src=“chat_text_ein.php“ name=“eingabe“ />
</frameset>
</html>

Plus den: chat_text.txtd

<tr><td></td><td></td><td></td></tr>

Und nun die Ausgabe und Eingabe Seiten:

chat_text_aus.php und chat_text_ein.php

chat_text_aus.php

<html>
<head>
<link rel=“stylesheet“ type=“text/css“ href=“chat.css“>
</head>
<body>
<h2 align=“center“>Chat</h2>
<?php
/* Datei mit chat-Daten auslesen */
$fp = @fopen(„chat_text.txt“,“r“);
if($fp)
{
echo „<table>“
. „<tr><td><b>Zeit</b></td>“
. „<td><b>Name</b></td>“
. „<td><b>Beitrag</b></td></tr>“;

/* alle Zeilen lesen und ausgeben */
while(!feof($fp))
{
$tabzeile = fgets($fp,200);
echo „$tabzeile“;
}

echo „</table>“;
fclose($fp);
}
?>
</body>
</html>

chat_text_ein.php

<html>
<head>
<link rel=“stylesheet“ type=“text/css“ href=“chat.css“>

<script type=“text/javascript“>
/* Beitrag senden, falls Name und Beitrag vorhanden */
function send()
{
if(document.f.nick.value != „“ &&
document.f.beitrag.value != „“)
document.f.submit();
}

/* Chat-Anzeige aktualisieren */
function reload()
{
parent.ausgabe.location.href = „chat_text_aus.php“;
}
</script>
</head>

<body>
<?php
/* Anhängen des neuen Textes, falls vorhanden */
if(isset($_POST[„beitrag“]))
{
$fp = @fopen(„chat_text.txt“,“a“);
if($fp)
{
$jetzt = date(„d.m.y H:i:s“);
$tabzeile = „<tr><td>$jetzt</td><td>“ . $_POST[„nick“] . „</td><td>“ . $_POST[„beitrag“] . „</td></tr>“ . chr(13) . chr(10);
fputs($fp,$tabzeile);
}
fclose($fp);

/* Chat-Anzeige aktualisieren */
echo „<script type=’text/javascript‘>reload();</script>“;
}
?>

<form name=“f“ action=“chat_text_ein.php“ method=“post“>
<table>
<tr>
<td>Ihr Name:</td>
<td><input name=“nick“
<?php
if(isset($_POST[„nick“]))
echo „value='“ . $_POST[„nick“] . „‚“;
?>
size=“20″ /></td>
<td align=“center“>
<a href=“javascript:reload();“>Chat laden</a>
</td>
<td align=“right“>
<a href=“javascript:send();“>
Senden</a>
</td>
</tr>
<tr>
<td valign=“top“>Ihr Beitrag:</td>
<td colspan=“3″>
<textarea cols=“50″ rows=“2″ name=“beitrag“></textarea>
</td>
</tr>
</table>
</form>
</body>
</html>

So wenn Ihr es in euren Editoren eingefügt und in euren Xampp Projekt im htdocs Ordner gespeichert habt.

Wichtig wenn ihr mehrere Projekte habt speichert es in einen neuen Ordner.

Das Localhost müsste zum Beispiel so aussehen.

http://localhost/Chat/chat_text.php

Wenn du es mehrere Projekte in einem Themen Ordner Komprimiert hast sollte es so aussehen.

http://localhost/GeheimProjekt/Chat/chat_text.php

Wichtig ist nur das Ihre  Projekte genauso wiedergebe wie Ihr eure Ordner geschrieben habt. Ein kleiner Fehler kann schon ein Error bedeuten. (Voraussetzung ist das Ihr XAMPP Installiert habt und bereits aktiv im der Programmierung arbeitet)