Hvordan koden din egen Chat Box
Det finnes en rekke ferdige chat bokser tilgjengelig for de som ønsker en rask og enkel måte å implementere chat-funksjoner på sine nettsider; Men disse løsningene ikke tilby den fleksibiliteten som en chat boks laget fra grunnen av tilbud. Coding din egen chat-boksen gir deg større tilpasningsmuligheter og muligheten til å justere detaljerte aspekter av chat-boksen kode for å dekke dine behov. Koding er en prøve-og-feile-prosess som kan ta litt tid å fullføre, i de fleste tilfeller.
Bruksanvisning
1 Åpne et nytt dokument i en teksteditor. Lag "index.php" fil ved å skrive inn følgende kode inn i dokumentet:
<! 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>
<Title> Chat - Kunde Module </ title>
<Link type = "text / css" rel = "stylesheet" href = "style.css" />
</ Head>
<? Php
if (! isset ($ _ SESSION [ 'navn'])) {
loginForm();
}
ellers{
?>
<Div id = "wrapper">
<div id="menu">
& Lt; p class = "Velkommen"> Velkommen, & lt; b> & lt;? Php echo $ _SESSION [ 'name']; ?> & Lt; / b> & lt; / p>
& Lt; p class = "logg"> & lt; a id = "exit" href = "#"> Exit Chat & lt; / a> & lt; / p>
& Lt; div style = "clear: både"> & lt; / div>
& Lt; / div>
& Lt; div id = "prate"> & lt;? Php
if (file_exists ( "log.html") && filstørrelse ( "log.html")> 0) {
$ Håndtere = fopen ( "log.html", "r");
$ Innhold = fread ($ håndtak, filstørrelse ( "log.html"));
fclose ($ håndtak);
echo $ innhold;
}
?> & Lt; / div>
& Lt; form name = "message" action = "">
& Lt; innspill name = "usermsg" type = "text" id = "usermsg" size = "63" />
& Lt; innspill name = "submitmsg" type = "submit" id = "submitmsg" value = "Send" />
& Lt; / form>
</ Div>
<Script type = "text / javascript" fil ved å skrive inn følgende kode inn i teksteditor:
<?
session_start ();
if (isset ($ _ GET [ 'utlogging'])) {
//Simple exit message
$ Fp = fopen ( "log.html", 'a');
fwrite ($ fp, "& lt; div class = 'msgln'> & lt; i> Bruker".. $ _SESSION [ 'name'] ". har forlatt chatten & lt; / i> & lt; / div>");
fclose ($ fp);
session_destroy ();
header ( "Location: index.php"); // Omdirigere brukeren
}
funksjon loginForm () {
echo'
& Lt; div id = "loginform">
& Lt; form action = "index.php" method = "post">
& Lt; p> Skriv inn navn for å fortsette: & lt; / p>
& Lt; label for = "name"> Navn: & lt; / label>
& Lt; input type = "text" name = "navn" id = "navn" />
& Lt; input type = "submit" name = "enter" id = "enter" value = "Enter" />
& Lt; / form>
& Lt; / div>
';
}
if (isset ($ _ POST [ 'enter'])) {
if($_POST['name'] != ""){
$ _SESSION [ 'name'] = stripslashes (htmlspecialchars ($ _ POST [ 'navn']));
}
ellers{
echo '& lt; span class = "error"> Vennligst skriv inn et navn & lt; / span>';
}
}
?>
Lagre filen som "style.css".
3 Åpne "index.php" filen i en teksteditor og legge til koden for innloggingsskjemaet til toppen av dokumentet, over "<DOCTYPE html PUBLIC"> "tag:
<?
session_start ();
if (isset ($ _ GET [ 'utlogging'])) {
//Simple exit message
$ Fp = fopen ( "log.html", 'a');
fwrite ($ fp, "& lt; div class = 'msgln'> & lt; i> Bruker".. $ _SESSION [ 'name'] ". har forlatt chatten & lt; / i> & lt; / div>");
fclose ($ fp);
session_destroy ();
header ( "Location: index.php"); // Omdirigere brukeren
}
funksjon loginForm () {
echo'
& Lt; div id = "loginform">
& Lt; form action = "index.php" method = "post">
& Lt; p> Skriv inn navn for å fortsette: & lt; / p>
& Lt; label for = "name"> Navn: & lt; / label>
& Lt; input type = "text" name = "navn" id = "navn" />
& Lt; input type = "submit" name = "enter" id = "enter" value = "Enter" />
& Lt; / form>
& Lt; / div>
';
}
if (isset ($ _ POST [ 'enter'])) {
if($_POST['name'] != ""){
$ _SESSION [ 'name'] = stripslashes (htmlspecialchars ($ _ POST [ 'navn']));
}
ellers{
echo '& lt; span class = "error"> Vennligst skriv inn et navn & lt; / span>';
}
}
?>
Lagre "index.php" fil når du er ferdig.
4 Åpne et nytt dokument i en teksteditor. Lag "post.php" fil ved å skrive inn følgende kode:
<?
session_start ();
if (isset ($ _ SESSION [ 'navn'])) {
$text = $_POST['text'];
$ Fp = fopen ( "log.html", 'a');
fwrite ($ fp, "& lt; div class = 'msgln'> (" date ( "g: i A"....) ") & lt; b>" $ _ SESSION [ 'name'] "& lt; / b> : ". .stripslashes (htmlspecialchars ($ tekst))" & lt; / div> ");
fclose ($ fp);
}
?>
Lagre filen som "post.php."
5 Samle opprettet filer i en enkelt mappe som heter "prate." Bruk en FTP-klient for å laste opp mappen på serveren din.