Come codice tua Chat Box

February 7

Ci sono un certo numero di caselle di chat già pronti disponibili per coloro che desiderano un modo semplice e veloce per implementare funzionalità di chat sui loro siti web; Tuttavia, queste soluzioni non offrono la flessibilità che una finestra di chat a base di offerte e vinci. Coding la propria casella di chat vi offre maggiori opzioni di personalizzazione e la possibilità di regolare aspetti di dettaglio del codice finestra della chat in base alle proprie esigenze. Coding è un processo di tentativi ed errori che possono richiedere molto tempo per completare, nella maggior parte dei casi.

istruzione

1 Aprire un nuovo documento in un editor di testo. Creare il file "index.php" inserendo il seguente codice nel documento:

<! 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 - Modulo clienti </ title>

<Tipo di link = "text / css" rel = "stylesheet" href = "style.css" />

</ Head>

<? Php

if (! isset ($ _ SESSION [ 'name'])) {

loginForm();

}

altro{

?>

<Div id = "wrapper">

&lt;div id="menu">

& Lt; p class = "benvenuto"> Benvenuti, & lt; b> & lt;? Php echo $ _SESSION [ 'name']; ?> & Lt; / b> & lt; / p>

& Lt; p class = "logout"> & lt; a id = "uscita" href = "#"> Exit Chat & lt; / a> & lt; / p>

& Lt; div style = "clear: both"> & lt; / div>

& Lt; / div>

& Lt; div id = "chatbox"> & lt;? Php

if (file_exists ( "log.html") && filesize ( "log.html")> 0) {

$ Handle = fopen ( "log.html", "r");

$ Contenuto = fread ($ handle, la dimensione del file ( "log.html"));

fclose ($ handle);

echo $ contenuto;

}

?> & Lt; / div>

& Lt; form name = azione "messaggio" = "">

& Lt; input name = tipo "usermsg" = "text" id = "usermsg" size = "63" />

& Lt; input name = tipo "submitmsg" = "submit" id = valore "submitmsg" = "Send" />

& Lt; / form>

</ Div>

<Script type = "text javascript /" file inserendo il seguente codice nel editor di testo:

<?

session_start ();

if (isset ($ _ GET [ 'disconnessione'])) {

//Simple exit message

$ Fp = fopen ( "log.html", 'a');

fwrite ($ fp, "& lt; div class = 'msgln'> & lt; i> utente".. $ _SESSION [ 'name'] ". ha lasciato la sessione di chat & lt; / i> & lt; / div>");

fclose ($ fp);

session_destroy ();

header ( "Location: index.php"); // Redirect l'utente

}

Funzione LoginForm () {

echo'

& Lt; div id = "LoginForm">

& Lt; form action = metodo "index.php" = "post">

& Lt; p> Inserisci il tuo nome per continuare: & lt; / p>

& Lt; label for = "nome"> Nome: & lt; / label>

& Lt; ingresso type = "text" name = "nome" id = "nome" />

& Lt; input type = "submit" name = "enter" id = "enter" value = "Enter" />

& Lt; / form>

& Lt; / div>

';

}

if (isset ($ _ POST [ 'entrare'])) {

if($_POST['name'] != ""){

$ _SESSION [ 'name'] = stripslashes (htmlspecialchars ($ _ POST [ 'name']));

}

altro{

echo '& lt; span class = "error"> Si prega di inserire un nome & lt; / span>';

}

}

?>

Salvare il file come "style.css".

3 Aprire il file "index.php" in un editor di testo e aggiungere il codice per il modulo di login alla parte superiore del documento, sopra il "<DOCTYPE HTML PUBLIC"> tag ":

<?

session_start ();

if (isset ($ _ GET [ 'disconnessione'])) {

//Simple exit message

$ Fp = fopen ( "log.html", 'a');

fwrite ($ fp, "& lt; div class = 'msgln'> & lt; i> utente".. $ _SESSION [ 'name'] ". ha lasciato la sessione di chat & lt; / i> & lt; / div>");

fclose ($ fp);

session_destroy ();

header ( "Location: index.php"); // Redirect l'utente

}

Funzione LoginForm () {

echo'

& Lt; div id = "LoginForm">

& Lt; form action = metodo "index.php" = "post">

& Lt; p> Inserisci il tuo nome per continuare: & lt; / p>

& Lt; label for = "nome"> Nome: & lt; / label>

& Lt; ingresso type = "text" name = "nome" id = "nome" />

& Lt; input type = "submit" name = "enter" id = "enter" value = "Enter" />

& Lt; / form>

& Lt; / div>

';

}

if (isset ($ _ POST [ 'entrare'])) {

if($_POST['name'] != ""){

$ _SESSION [ 'name'] = stripslashes (htmlspecialchars ($ _ POST [ 'name']));

}

altro{

echo '& lt; span class = "error"> Si prega di inserire un nome & lt; / span>';

}

}

?>

Salvare il file "index.php" una volta terminato.

4 Aprire un nuovo documento in un editor di testo. Creare il file "post.php" inserendo il seguente codice:

<?

session_start ();

if (isset ($ _ SESSION [ 'name'])) {

$text = $_POST['text'];

$ Fp = fopen ( "log.html", 'a');

fwrite ($ fp, "& lt; div class = 'msgln'> (" data ( "G: A"....) ") & lt; b>" $ _ SESSION [ 'name'] "& lt; / b> : ". .stripslashes (htmlspecialchars ($ testo))" & lt; / div> ");

fclose ($ fp);

}

?>

Salvare il file come "post.php."

5 Bundle i file creati in una singola cartella denominata "chat." Utilizzare un client FTP per caricare la cartella sul vostro server.