[WebGenerAction] Chat Express Partagez vos idées en ligne : 5mn

menucool GRAND Affichage

Interaction Collectuelle & Génération Automatique

Chat Express Partagez vos idées en ligne : 5mn

mercredi 18 juin 2003, par Walk CopID

dans la meme rubrique...

Plaidoyer pour la liberté de navigation

Web français et autre : La politique de la terre brulée

viruspam la cata, ou la guerre des machines

Walma'Clic une galerie multi-fonction en un clic : 1mn

11 septembre ATTENTAT POÉTIQUE

On vous parle d'IRC et autres web chat mais malheureusement vous ne voyez pas la nuit et vous pensez qu'un Chat Café sur votre site ce n'est pas pour demain. Vous avez raison c'est dans 5 minutes.

Jetez un oeil sur le chat de SpipAge ou sur le Chat http://membres.lycos.fr/copid/chat/ du site CopID. Un clic sur le smiley en bas de pages ouvre une nouvelle fenêtre et vous invite à entrer le pseudo que vous voulez (optionnel) avant d'entrer dans le Chat.

Smileys, couleurs, liens email ou http, et même un blocage à insultes. Pas d'inscription et autres complications IPesques. Vous pourrez régler le délai de raffraichissement (refresh 6 secondes ou 10...), le nombre de lignes($max=20), et ajouter des mots à censurer par une image, voire même changer le look très facilement.

Dans 5 minutes ce superbe Chat Express peut être sur votre site si votre hébergeur offre le PHP (même sans base Mysql), suivez-nous pas à pas.

(Zip, 52.6 ko)

Téléchargez le fichier compressé zip en cliquant ci-contre puis décompressez-le sur votre ordi sous la forme d'un dossier "chat". Envoyez ce dossier sur votre site et faites un lien vers /chat et c'est fini !

Si vous tombez sur une erreur "permission denied", mettez le fichier chat.txt en CHMOD 666

Pas à pas

Un peu plus lent ? On y va...

Clic droit sur le carton, "Enregistrer la cible sous...", appelez-le chat.zip au lieu de doc-32.zip et enregistrez-le sur le bureau de votre ordi. Allez chercher et installer QuickZip, puis cliquez sur le fichier chat.zip (Ouverture du logiciel), clic sur "Extraire", choisir dans la fenêtre le dossier de votre ordi qui contient (éventuellement) votre site, et validez. Un dossier "chat" vient de s'installer. Vous pouvez supprimer chat.zip

Envoyez ce dossier sur le compte FTP de votre site.

Pour relier votre site au chat insérez dans une page HTML le lien suivant qui ouvre le dossier "chat" dans une nouvelle fenêtre :

Si vous préférez une fenêtre popup réglable voici un autre lien en javascript :

Détail

Pas de décompression ?

Vous ne savez pas décompresser un zip ? Pas de problème. Copiez/collez les cadres ci-dessous dans des fichiers textes (TeachText, WordPad...) et nommez ces 9 fichiers comme indiqué. Mettez tout ça dans un dossier "chat" et récupérez les images sur le chat de CopID http://membres.lycos.fr/copid/chat/images et mettez-les dans un dossier "images" à l'intérieur du dossier "chat".

chat.php
chat.txt
couleurs.php
index.htm
insultes.php
messages.php
principale.php
rafraichir.php
style.css

chat.php

<?php
Function controle($lapagemagique){	
$lapagemagique = htmlspecialchars($lapagemagique);
$lapagemagique = nl2br($lapagemagique);
$lapagemagique = str_replace("/1/","<img src=images/1.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/2/","<img src=images/2.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/3/","<img src=images/3.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/4/","<img src=images/4.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/5/","<img src=images/5.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/6/","<img src=images/6.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/7/","<img src=images/7.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/8/","<img src=images/8.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/9/","<img src=images/9.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/10/","<img src=images/10.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/11/","<img src=images/11.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/12/","<img src=images/12.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/13/","<img src=images/13.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/14/","<img src=images/14.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/15/","<img src=images/15.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/16/","<img src=images/16.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/17/","<img src=images/17.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/18/","<img src=images/18.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/19","<img src=images/19.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/20/","<img src=images/20.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/21/","<img src=images/21.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/22/","<img src=images/22.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/23/","<img src=images/23.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/24/","<img src=images/24.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/25/","<img src=images/25.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/26/","<img src=images/26.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/27/","<img src=images/27.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/28/","<img src=images/28.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/29/","<img src=images/29.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/30/","<img src=images/30.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/31/","<img src=images/31.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/32/","<img src=images/32.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/33/","<img src=images/33.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/34/","<img src=images/34.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/35/","<img src=images/35.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = eregi_replace("&lt;([[:alnum:]]+)://([^[:space:]]*)([[:alnum:]#?/&=])&gt;","<A HREF=\"\\1://\\2\\3\" TARGET=\"_blank\">\\1://\\2\\3</A>",$lapagemagique);
$lapagemagique = eregi_replace("\[([[:alnum:]]+)://([^[:space:]]*)([[:alnum:]#?/&=])\]","<center><img src=\"\\1://\\2\\3\" border=0 align=absmiddle></center>",$lapagemagique);
$lapagemagique = eregi_replace("(([a-z0-9_]|\\-|\\.)+@([^[:space:]]*)([[:alnum:]-])\.([^[:space:]]*)([[:alnum:]-]))","<a href=\"mailto:\\1\">\\1</a>",$lapagemagique);
return $lapagemagique;
}
if($msg!=""){
Function lapagemagique2($contenu){ 
$fp = fopen("chat.txt", "w");
$r = fwrite($fp, "$contenu"); 
fclose($fp); 
}
Function lapagemagique3(){
$max=20;
$fcontents = file("chat.txt");
$lines=count($fcontents);
if ($lines<$max){$startline=0;}else{$startline=$lines-$max;}
for ($i = 0; $i <= $max; $i++) {$contenu .= $fcontents[$i+$startline];}
return $contenu; 
}
lapagemagique2(lapagemagique3()."<font class=lapagemagique1>".date("H:i")." : <font class=lapagemagique2>".$name."
<font size=-2 color=$color> : ".controle(stripslashes($msg))."<br>");
}
include("principale.php");
?>

chat.txt

couleurs.php

<?if($color){if ($color=="blue"){?>
<select name=color class=pseudo2>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="brown"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="1e90ff"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="daa520"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="green"){?>
<select name=color class=pseudo>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="20b2aa"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="orange"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="ff00ff"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="red"){?>
<select name=color class=pseudo>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="708090"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="violet"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}if ($color=="black"){?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}}else{?>
<select name=color class=pseudo>
<option value="" selected>couleur du texte</option>
<option value="black">noir</option>
<option value="blue">bleu</option>
<option value="1e90ff">bleu Tahiti</option>
<option value="brown">brun</option>
<option value="708090">gris bleu</option>
<option value="daa520">or</option>
<option value="orange">orange</option>
<option value="ff00ff">rose</option>
<option value="red">rouge</option>
<option value="green">vert</option>
<option value="20b2aa">vert océan</option>
<option value="violet">violet</option></select>
<?}?>

index.htm

insultes.php

messages.php

<?php
function controle($lapagemagique){	
$lapagemagique = htmlspecialchars($lapagemagique);
$lapagemagique = nl2br($lapagemagique);
$lapagemagique = str_replace("/1/","<img src=images/1.gif border=0 align=absmiddle align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/2/","<img src=images/2.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/3/","<img src=images/3.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/4/","<img src=images/4.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/5/","<img src=images/5.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/6/","<img src=images/6.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/7/","<img src=images/7.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/8/","<img src=images/8.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/9/","<img src=images/9.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/10/","<img src=images/10.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/11/","<img src=images/11.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/12/","<img src=images/12.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/13/","<img src=images/13.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/14/","<img src=images/14.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/15/","<img src=images/15.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/16/","<img src=images/16.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/17/","<img src=images/17.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/18/","<img src=images/18.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/19/","<img src=images/19.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/20/","<img src=images/20.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/21/","<img src=images/21.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/22/","<img src=images/22.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/23/","<img src=images/23.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/24/","<img src=images/24.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/25/","<img src=images/25.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/26/","<img src=images/26.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/27/","<img src=images/27.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/28/","<img src=images/28.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/29/","<img src=images/29.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/30/","<img src=images/30.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/31/","<img src=images/31.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/32/","<img src=images/32.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/33/","<img src=images/33.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/34/","<img src=images/34.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/35/","<img src=images/35.gif border=0 align=absmiddle>",$lapagemagique);
$lapagemagique = str_replace("/36/","<img src=images/36.gif border=0 align=absmiddle>",$lapagemagique);
include'insultes.php';
$lapagemagique = eregi_replace("([[:alnum:]]+)://([^[:space:]]*)([[:alnum:]#?/&=])","<A HREF=\"\\1://\\2\\3\" TARGET=\"_blank\">\\1://\\2\\3</A>",$lapagemagique);
$lapagemagique = eregi_replace("(([a-z0-9_]|\\-|\\.)+@([^[:space:]]*)([[:alnum:]-])\.([^[:space:]]*)([[:alnum:]-]))","<a href=\"mailto:\\1\">\\1</a>",$lapagemagique);
return $lapagemagique;
}
if($msg!=""){
Function lapagemagique2($contenu){ 
$fp = fopen("chat.txt", "w");
$r = fwrite($fp, "$contenu"); 
fclose($fp); 
}
Function lapagemagique3(){
$max=20;
$fcontents = file("chat.txt");
$lines=count($fcontents);
if ($lines<$max){$startline=0;}else{$startline=$lines-$max;}
for ($i = 0; $i <= $max; $i++) {$contenu .= $fcontents[$i+$startline];}
return $contenu; 
}
lapagemagique2(lapagemagique3()."<font class=lapagemagique1>".date("H:i")." : <font class=lapagemagique2>".$name."
<font size=-2 color=$color> : ".controle(stripslashes($msg))."<br>");
}
include("principale.php");
?>

principale.php

<html>
<head>
<title>chat</title>
<link href=style.css rel=stylesheet type=text/css>
<script language=JavaScript1.2>
function smiley(remplacer) {
document.send.msg.value=document.send.msg.value + remplacer
}
</script>
</head>
<body topmargin=2>
<center>
<img src=images/haut.png align=top>
<table width=780 cellpadding=0cellspacing=0class=tableaux>
<tr><td><iframeid=messageswidth=770height=403frameborder=0 align=absmiddle scrolling=no src=rafraichir.php#bas></iframe>
<formname=send method=post action=messages.php#bas>
<input type=hiddenname=namevalue="<?phpecho controle($name);?>">
<input type=text name=msg size=100 class=pseudo maxlength=85><img src=images/palette.gif align=middle><?include'couleurs.php'?><input type=submit value=envoyer class=boutons><a href="images/smileys.htm" target="aide"
onClick="window.open('','aide','width=330,height=688, left=0,top=0,scrollbars=0,toolbar=no,resizable=no')">
<img src=images/aide.gif align=middle border=0 alt="aide rapide"></a>
<script language=javascript>document.send.msg.focus();</script>

</td></tr>
<td align=center><font class=lapagemagique>L'ajout de lien ou d'adresses E-mail se fait automatiquement. 
Ex : Entrez http://www.votre-site.fr ou encore webmaster@votre-site.fr
<tr><td align=center> 
<br>
<a href="JavaScript:smiley('/1/')"><img src=images/1.gif border=0 align=absmiddle alt="/1/"></a>
<a href="JavaScript:smiley('/2/')"><img src=images/2.gif border=0 align=absmiddle alt="/2/"></a>
<a href="JavaScript:smiley('/3/')"><img src=images/3.gif border=0 align=absmiddle alt="/3/"></a>
<a href="JavaScript:smiley('/4/')"><img src=images/4.gif border=0 align=absmiddle alt="/4/"></a>
<a href="JavaScript:smiley('/5/')"><img src=images/5.gif border=0 align=absmiddle alt="/5/"></a>
<a href="JavaScript:smiley('/6/')"><img src=images/6.gif border=0 align=absmiddle alt="/6/"></a>
<a href="JavaScript:smiley('/7/')"><img src=images/7.gif border=0 align=absmiddle alt="/7/"></a>
<a href="JavaScript:smiley('/8/')"><img src=images/8.gif border=0 align=absmiddle alt="/8/"></a>
<a href="JavaScript:smiley('/9/')"><img src=images/9.gif border=0 align=absmiddle alt="/9/"></a>
<a href="JavaScript:smiley('/10/')"><img src=images/10.gif border=0 align=absmiddle alt="/10/"></a>
<a href="JavaScript:smiley('/11/')"><img src=images/11.gif border=0 align=absmiddle alt="/11/"></a>
<a href="JavaScript:smiley('/12/')"><img src=images/12.gif border=0 align=absmiddle alt="/12/"></a>
<a href="JavaScript:smiley('/13/')"><img src=images/13.gif border=0 align=absmiddle alt="/13/"></a>
<a href="JavaScript:smiley('/14/')"><img src=images/14.gif border=0 align=absmiddle alt="/14/"></a>
<a href="JavaScript:smiley('/15/')"><img src=images/15.gif border=0 align=absmiddle alt="/15/"></a>
<a href="JavaScript:smiley('/16/')"><img src=images/16.gif border=0 align=absmiddle alt="/16/"></a>
<a href="JavaScript:smiley('/17/')"><img src=images/17.gif border=0 align=absmiddle alt="/17/"></a>
<a href="JavaScript:smiley('/18/')"><img src=images/18.gif border=0 align=absmiddle alt="/18/"></a>
<a href="JavaScript:smiley('/19/')"><img src=images/19.gif border=0 align=absmiddle alt="/19/"></a>
<a href="JavaScript:smiley('/20/')"><img src=images/20.gif border=0 align=absmiddle alt="/20/"></a>
<a href="JavaScript:smiley('/21/')"><img src=images/21.gif border=0 align=absmiddle alt="/21/"></a>
<a href="JavaScript:smiley('/22/')"><img src=images/22.gif border=0 align=absmiddle alt="/22/"></a>
<a href="JavaScript:smiley('/23/')"><img src=images/23.gif border=0 align=absmiddle alt="/23/"></a>
<a href="JavaScript:smiley('/24/')"><img src=images/24.gif border=0 align=absmiddle alt="/24/"></a>
<a href="JavaScript:smiley('/25/')"><img src=images/25.gif border=0 align=absmiddle alt="/25/"></a>
<a href="JavaScript:smiley('/26/')"><img src=images/26.gif border=0 align=absmiddle alt="/26/"></a>
<a href="JavaScript:smiley('/27/')"><img src=images/27.gif border=0 align=absmiddle alt="/27/"></a>
<a href="JavaScript:smiley('/28/')"><img src=images/28.gif border=0 align=absmiddle alt="/28/"></a>
<a href="JavaScript:smiley('/29/')"><img src=images/29.gif border=0 align=absmiddle alt="/29/"></a>
<a href="JavaScript:smiley('/30/')"><img src=images/30.gif border=0 align=absmiddle alt="/30/"></a>
<a href="JavaScript:smiley('/31/')"><img src=images/31.gif border=0 align=absmiddle alt="/31/"></a>
<a href="JavaScript:smiley('/32/')"><img src=images/32.gif border=0 align=absmiddle alt="/32/"></a>
<a href="JavaScript:smiley('/33/')"><img src=images/33.gif border=0 align=absmiddle alt="/33/"></a>
<a href="JavaScript:smiley('/34/')"><img src=images/34.gif border=0 align=absmiddle alt="/34/"></a>
<a href="JavaScript:smiley('/35/')"><img src=images/35.gif border=0 align=absmiddle alt="/35/"></a>
<a href="JavaScript:smiley('/36/')"><img src=images/36.gif border=0 align=absmiddle alt="/36/"></a>
</td></tr></table> 
<img src=images/bas.png align=top> 
</form>
</body>
</html>

rafraichir.php

style.css

Et hop ! Mission : Possible !

Laissez donc s'exprimer vos visiteurs, vous ne risquez rien du point de vue diffamation ou autre le département d'Etat niera avoir eu connaissance de vos agissements, ces lignes s'autodétruisent en quelques secondes, 20 clics et hop !

Ajoutez ce point de vie indispensable à un site qui veut bouger. Merci René, géniale idée ! (nan-nan j'ai pas dit Johnny Halliday :o)

NOTE DU 22 AOUT : Eureka ! On a trouvé comment caler les messages vers le haut de façon à pouvoir laisser visible plus de 20 lignes : 100, 200...

Il faut modifier rafraichir.php comme suit :

ajouter une adresse avec #bas

<meta http-equiv="refresh" content="10; URL=rafraichir.php#bas">

et en bas ajouter un a name "bas" :

<?php include("chat.txt"); ?> <A NAME="bas"> </body>

puis ajouter #bas à la fin des adresses dans les formulaires form et le iframe.

Ces modifications ont été intégrées aux codes ci-dessus.

Elles sont appliquées sur SpipAge avec 100 lignes en ligne.

PopUp à partir d'un sommaire (ajout du 23 aout 2003)

Si vous voulez ouvrir le chat à partir d'un formulaire de pseudo inséré dans une page sommaire.html de SPIP ou dans n'importe quelle page html se situant en dehors du dossier "chat", utilisez les instructions ci-dessous :

Merci à Patrick Albray pour cette suggestion.

Améliorations (ajout du 13 décembre 2003)

Pour corriger le bug d'affichage qui se situe à la première ligne (il y a un message pabô), il suffit dans chat.php et message.php d'ajouter \n à la fin de la ligne comme ceci :

lapagemagique2(lapagemagique3()."<font class=lapagemagique1>".date("H:i")." : <font class=lapagemagique2>".$name."<font size=-2 color=$color> : ".controle(stripslashes($msg))."<br>\n");

De plus, il semble que la page chat.php ne sert à rien... il y a déjà tout dans message.php :o)

Autre suggestion, il est assez dommage que toute la page se recharge à chaque message ! Il y a un moyen très simple et très facile à mettre en oeuvre pour éviter celà :

1 Il faut donner un nom à votre iframe et la modifier comme ceci :

<iframe id=messages name=messages width=770 height=403 frameborder=0 align=absmiddle scrolling=yes src=rafraichir.php#bas></iframe>

2 Il faut diriger le formulaire vers l'iframe en ajoutant ceci :

<form name=send method=post action=messages.php#bas target="messages"> </form>

3 Du coup, il faut que l'iframe affiche juste les messages et non tout le chat dans messages.php, et pour cela remplacer :

include("principale.php");

par ceci :

include("rafraichir.php");

4 On enlève le contrôle sur le pseudo sinon ça fait une erreur :

<input type="hidden" name="name" value="<?php echo $name;?>">

5 Votre index.htm peut maintenant rediriger sur principale.php

<form name=form1 method=post action=principale.php>

6 Enfin, il faut que le message s'efface du formulaire quand il est envoyé. Dans la page principale, il faut donc remplacer ceci :

<input type="submit" value="envoyer" class="boutons">

par ceci :

<input type="button" value="envoyer" class="boutons" onclick=" document.send.submit(); document.send.msg.value=''; ">

Avantages de ces changements :

Seule la fenêtre de chat se recharge.

La couleur du texte reste la même à chaque soumission de message.

Merci à Tristan pour cette suggestion.

Merci pour ces codes super faciles à René SCHORTER http://www.lapagemagique.net/

Ce site est fermé depuis un bon moment mais devrait réouvrir un de ces jours en principe.

Le fichier d'aide joint au zip est daté du 4 juin 2003.

signé...

Walk CopID
site: CopID.org 3eme Monde
Texte domaine public - copie libre non marchande (copID)

Plan-Liens Forum

fil: Chat Express Partagez vos idées en ligne : 5mn Euréka !
(1/4) 21 août 2003 , par Anonyme

fil: > L'identifiant ne s'affiche pas
(2/4) 19 août 2003 , par Patrick

rép: Anonyme

fil: MiniCat Un chat sur page
(3/4) 24 juin 2003 , par CopID

fil: > Chat Express Partagez vos idées en ligne : 5mn
(4/4) 18 juin 2003 , par claude

rép: Anonyme

rép: alex<== parking a boulay place libre :=)

fil: Chat Express Partagez vos idées en ligne : 5mn Euréka !

21 août 2003 [Début forum]

Eureka ! On a trouvé comment caler les messages vers le haut ! ! On peut mettre 100 lignes sans problème !

Avec A NAME='bas' et #bas

fil: > L'identifiant ne s'affiche pas
19 août 2003, par Patrick [Début forum]

Bonjour. Le chat semble très bien fonctionner, mais il n'affiche pas l'identifiant choisi par la personne.

J'ai un formulaire sur la page "sommairemembres.php3" où la personne choisit son identifiant et j'ouvre un popup de chat avec le code

input type=submit value="Chatter" class=boutons onClick="window.open('chat/messages.php','','width=300,height=500,left=0,top=0,scrolling=yes')"

Cette page s'ouvre bien, tout est dedans, les messages 'affichent avec l'heure, mais pas l'identifiant.

Ai-je commis une erreur ? Patrick

formulaire envoyé vers popup ?
19 août 2003 [Début forum]

je crois que ton lien n'emporte pas le formulaire complet (le pseudo) :

input type=text name=name maxlength=14 class=pseudo

et je ne suis pas sûr que ce soit techniquement possible ?

eventuellement renvoi sur la page index.htm au lieu de messages.php pour retrouver le formulaire dans le popup ?

Sinon il faudrait ptet transporter le pseudo via du javascript, mais là je sais pas faire.
L'identifiant s'affiche même en popup
23 août 2003 [Début forum]

et voila, c ok

<FORM name=form1 onSubmit="window.open('chat/messages.php?name='+name.value ,'','width=850,height=620, left=0,top=0,scrolling=yes,toolbar,resizable')"> Votre pseudo : <INPUT type=text name=name maxlength=14 class=pseudo> <INPUT type=submit value="Chatter" class=boutons> </FORM>

fil: MiniCat Un chat sur page
24 juin 2003, par CopID [Début forum]

Ces codes ont inspiré une version (pour SPIP ou autre), encore plus légère et facile. Explications à venir.

http://membres.lycos.fr/copid/

(en bas à gauche)

Commentez svp.

fil: > Chat Express Partagez vos idées en ligne : 5mn
18 juin 2003, par claude [Début forum]

Dommage : ne fonctionne pas dans Mozilla :(

Sinon, dans IE6, le texte n'apparaît pas. Et pourtant, dans chat.txt, les messages tapés apparaissent bien. Une idée ?

> Chat Express Partagez vos idées en ligne : 5mn
18 juin 2003 [Début forum]

merci pour les infos. Sous IE6 chez moi ça passe bien. Tu as javascript activé sur ton ordi ? (si c'est le lien qui rate). On va chercher à améliorer ça.

Marquez ci-dessous si vous voyez what it's passe, merci.
> Chat Express Partagez vos idées en ligne : 5mn
3 avril 2004 [Début forum]
non, pas d'idee
- > Chat Express Partagez vos idées en ligne : 5mn
  3 avril 2004 [Début forum]
  c pas au point ton chat alors ?
  - IE6 OK
    3 avril 2004 [Début forum]
    
    mméééé eeeeeuuuuuu j'ai dit que IE6 chez moi ça passe bien !
    
    Et puis c'est pas moi qui ai écrit au-dessus.
    
    Et puis surtout, ce n'est pas mon chat ;o)
    - > plop
      17 mai 2004, par alex<== parking a boulay place libre :=) [Début forum]
      
      bonjour je suis neophite et je desire chat express sur mon site le machin ne fonctione pas.
      
      apres avoir ecrit le pseudo la deuxieme pas apparait mais rien ne se passe et le truc dit Notice : Undefined variable : msg in d :\easyphp1-7\www\messages.php on line 46 ke faire ? ? merci bcp alex<== parking a boulay place libre :=)

Modem Lent, Non-Voyant: Naviguez en format TEXTE sur ce site