Smileys Tchat
Forum Programmation : Smileys Tchat
Bonjour,
Voila je suis en train de créer un petit tchat en php et javascript mais j'ai un petit problème au niveau des smileys et plus précisément au moment de poster les smileys. Lorsque je poste mon message le smiley reste sous la forme de son code mais l'image ne s'affiche pas.
Voicic mon code:
Code :
|
Comme vous pouvez le voir il y a un peu de javascript au début celui étant indispensable pour les smileys.
j'ai mis que deux smileys dans le code pour réduire déjà que le code est très grand.
Merci de votre aide 
ok merci.
Mais je viens de trouver le problème tout seul après deux jours de recherche. 
Merci quand même.
Pour ce qui est du code pas clair ce n'est qu'un "brouillon" j'ai fais ça à l'arrache car je voulais trouver comment mettre des smileys surtout.
bonjour,
je fait un chat que j'ai modifier et j'ai un probleme au sujet de l'affichage du smyle il me mets le code du smyle quelqu'un aurait-il une idee à me sousmettre , j'ai lu les regex (expressions réguliere ) mais je n'ai pas en sais pas comment resoudre mon probleme, je manque d'experience dans ce domaine,
merci à tous de l'aide que vous pourriez m'apporter, je vous mets mon code,
Cordialement,
magique
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Mini-chat</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script>
function bbcode(bbdebut, bbfin)
{
var input = window.document.formulaire.message;
input.focus();
if(typeof document.selection != 'undefined')
{
var range = document.selection.createRange();
var insText = range.text;
range.text = bbdebut + insText + bbfin;
range = document.selection.createRange();
if (insText.length == 0)
{
range.move('character', -bbfin.length);
}
else
{
range.moveStart('character', bbdebut.length + insText.length + bbfin.length);
}
range.select();
}
else if(typeof input.selectionStart != 'undefined')
{
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + bbdebut + insText + bbfin + input.value.substr(end);
var pos;
if (insText.length == 0)
{
pos = start + bbdebut.length;
}
else
{
pos = start + bbdebut.length + insText.length + bbfin.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
else
{
var pos;
var re = new RegExp('^[0-9]{0,3}$');
while(!re.test(pos))
{
pos = prompt("insertion (0.." + input.value.length + " ):", "0" );
}
if(pos > input.value.length)
{
pos = input.value.length;
}
var insText = prompt("Veuillez taper le texte" );
input.value = input.value.substr(0, pos) + bbdebut + insText + bbfin + input.value.substr(pos);
}
}
function smilies(img)
{
window.document.formulaire.message.value += '' + img + '';
}
</script>
</head>
<div align="center">
<body bgcolor="#000000">
<table>
<div id="message">
<table border="10" bgcolor="#ff33ff" height="500" width="1200">
<tbody>
<tr>
<td>
<h2>
<p align=center class="Style6">Annotation</p>
<p align=center class="Style6"><font size="-2"><b><font size="-1">Vous admettez
que tous les messages postés sur ce Mini-Chat expriment la vue et l'opinion
de leurs auteurs respectifs, et non pas des administrateurs, ou modérateurs,
ou webmestres (excepté les messages postés par eux-mêmes) et par conséquent
ils ne peuvent être tenus pour responsables. Vous consentez à ne pas poster
de messages injurieux, obscènes, vulgaires, diffamatoires, menaçants, sexuels
ou tout autre message qui violerait les lois applicables. Le faire peut vous
conduire à être banni immédiatement et de façon permanente (et votre fournisseur
d'accès à internet en sera informé). L'adresse IP de chaque message est enregistrée
afin d'aider à faire respecter ces conditions. Vous êtes d'accord sur le fait
que le webmestre, l'administrateur et les modérateurs de ce Mini Chat ont
le droit de supprimer, éditer, déplacer ou verrouiller n'importe quel sujet
de discussion à tout moment. En tant qu'utilisateur, vous êtes d'accord sur
le fait que toutes les informations que vous donnerez ci-après seront stockées
dans une base de données. Cependant, ces informations ne seront divulguées
à aucune tierce personne ou société sans votre accord. </font></b></font></p>
<p align=center><span class="Style6"><font size="-1"><b>L'administrateur, et les
modérateurs ne peuvent pas être tenus pour responsables si une tentative de
piratage informatique conduit à l'accès de ces données. </b></font></span><font size="-1"> </font> <br>
</p></h2>
<?php
function smiley($donnees)
{
$codsmiley = array(':blink:' , ':angry:');
$imgsimley = array('<img src="blink.gif"/> , <img src="angry.gif"/>');
str_replace($codsmiley, $imgsmiley, $message);
return $donnees;
}
if (isset($_POST['pseudo']) AND isset($_POST['message'])) // Si les variables existent
$_POST['pseudo'] = trim($_POST['pseudo']); // Si l'utilisateur a mis des espaces, on les supprime
$_POST['message'] = trim ($_POST['message']); // Comme ça, ton système est plus performant...
{
if ($_POST['pseudo'] != NULL AND $_POST['message'] != NULL) // Si on a quelque chose à enregistrer
{
// D'abord, on se connecte à MySQL
mysql_connect("localhost", "root", "" );
mysql_select_db("coursphp" );
// On utilise les fonctions PHP mysql_real_escape_string et htmlspecialchars pour la sécurité
$message = mysql_real_escape_string(htmlspecialchars($_POST['message']));
$pseudo = mysql_real_escape_string(htmlspecialchars($_POST['pseudo']));
$date = date('y/m/d');
$heure = date('H:i:s');
// Ensuite on enregistre le message
mysql_query("INSERT INTO minichat VALUES('', '$pseudo', '$message', '$date', '$heure')" );
echo ' le message a été envoyé.';
// On se déconnecte de MySQL
mysql_close();
}
}
// Que l'on ait enregistré des données ou pas...
// On affiche le formulaire puis les 10 derniers messages
// Tout d'abord le formulaire :
?>
<br><br>
<div align="center">
<body>
<table BACKGROUND="cheval1" cellpadding="0" cellspacing="0" border="3" height="200" width="900">
<tbody>
<tr>
<td>
</td>
</tr>
<td>
<form method="post" action="minichat16.php" name="formulaire">
<p align="center">Pseudo : <input type="text" name="pseudo" /></p><br/>
<p align="center">Message : <textarea name="message"/></textarea> <br />
<center><input type= "submit" />
<input type="reset" name = "Effacer" value = "Effacer"/></center><br/>
<fieldset><legend>Mise en forme</legend>
<img src="blink.gif" title="blink" alt="blink" onClick="javascript:smilies(' 
');return(false)" />
<img src="angry.gif" title="angry" alt="angry" onClick="javascript:smilies(' 
');return(false)" />
</fieldset>
</p>
</form>
</tr>
</table>
<?php
// Maintenant on doit récupérer les 07 dernières entrées de la table
// On se connecte d'abord à MySQL :
mysql_connect("localhost", "root", "" );
mysql_select_db("coursphp" );
// On utilise la requête suivante pour récupérer les 0,07 derniers messages :
$reponse = mysql_query("SELECT * FROM minichat ORDER BY ID DESC LIMIT 0,07" )or die(mysql_error());
// On se déconnecte de MySQL
mysql_close();
// Puis on fait une boucle pour afficher tous les résultats :
while ($donnees = mysql_fetch_array($reponse) )
{
?>
<table bordercolor="#000000" cellpadding="0" cellspacing="0" >
<tbody>
<tr>
<br><td bordercolor="000000" bgcolor="#b3b3b3" width="50" > <?php echo $donnees['pseudo']; ?></td>
<td bgcolor="#ff0033" width="1600" ><u></u> <?php echo $donnees['message'];?></td>
<th width="300" width="30"bgcolor="#b3b3b3">
<?php echo $donnees['date']; ?></th>
<th width="300" width="30"bgcolor="#0044ff">
<?php echo $donnees['heure']; ?></td>
</tr>
</table>
<?php
}
?>
</center>
<br>
<center>
<?php echo ' nous sommes le : ' . date('d/m/y');
?>
</center>
<br>
<center>
<?php echo ' Il est : ' . date('H/i/s');
?>
</center>
<br>
<center>
<?php echo ' nous sommes le : ' . date('F/l/Y');
?>
<p align=center ><a href="mailto
.tronchet@cite-sciences.fr">Webmaster</a>
</body>
</html>
| kiwi12 a écrit : ok merci.
|
Bonjour,
J'ai le meme probleme et cela fait plusieurs jours que je paine dessus en vain , j'ai essaye plusieurs solution données sur internet mais sans succes, peux tu m'aider,
merci a toi
tronch
bonjour,
j'ai realisé ce minichat et voulais lui ajouter des smiley pour qu'il soit plus attractif ' plus sympha, mais je n'arrive pas à afficher les images, quelqu'un à la lecture de ce programme pourrait il me donner une explication, une solution avec explication, je suis un peu decouragé cela fait plusieurs que je suis sur cela et je ne m'en sors pas,
merci a tous pour une aide tant recherche,
Amicalement
tronch
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Mini-chat</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script>
function bbcode(bbdebut, bbfin)
{
var input = window.document.formulaire.Message;
input.focus();
if(typeof document.selection != 'undefined')
{
var range = document.selection.createRange();
var insText = range.text;
range.text = bbdebut + insText + bbfin;
range = document.selection.createRange();
if (insText.length == 0)
{
range.move('character', -bbfin.length);
}
else
{
range.moveStart('character', bbdebut.length + insText.length + bbfin.length);
}
range.select();
}
else if(typeof input.selectionStart != 'undefined')
{
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + bbdebut + insText + bbfin + input.value.substr(end);
var pos;
if (insText.length == 0)
{
pos = start + bbdebut.length;
}
else
{
pos = start + bbdebut.length + insText.length + bbfin.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
else
{
var pos;
var re = new RegExp('^[0-9]{0,3}$');
while(!re.test(pos))
{
pos = prompt("insertion (0.." + input.value.length + " ):", "0" );
}
if(pos > input.value.length)
{
pos = input.value.length;
}
var insText = prompt("Veuillez taper le texte" );
input.value = input.value.substr(0, pos) + bbdebut + insText + bbfin + input.value.substr(pos);
}
}
function smilies(img)
{
window.document.formulaire.Message.value += '' + img + '';
}
</script>
</head>
<div align="center">
<body bgcolor="#000000">
<table>
<table border="10" bgcolor="#ff33ff" height="500" width="1000">
<tbody>
<tr>
<td>
<h2>
<p align=center class="Style6">Annotation</p>
<p align=center class="Style6"><font size="-2"><b><font size="-1">Vous admettez
que tous les messages postés sur ce Mini-Chat expriment la vue et l'opinion
de leurs auteurs respectifs, et non pas des administrateurs, ou modérateurs,
ou webmestres (excepté les messages postés par eux-mêmes) et par conséquent
ils ne peuvent être tenus pour responsables. Vous consentez à ne pas poster
de messages injurieux, obscènes, vulgaires, diffamatoires, menaçants, sexuels
ou tout autre message qui violerait les lois applicables. Le faire peut vous
conduire à être banni immédiatement et de façon permanente (et votre fournisseur
d'accès à internet en sera informé). L'adresse IP de chaque message est enregistrée
afin d'aider à faire respecter ces conditions. Vous êtes d'accord sur le fait
que le webmestre, l'administrateur et les modérateurs de ce Mini Chat ont
le droit de supprimer, éditer, déplacer ou verrouiller n'importe quel sujet
de discussion à tout moment. En tant qu'utilisateur, vous êtes d'accord sur
le fait que toutes les informations que vous donnerez ci-après seront stockées
dans une base de données. Cependant, ces informations ne seront divulguées
à aucune tierce personne ou société sans votre accord. </font></b></font></p>
<p align=center><span class="Style6"><font size="-1"><b>L'administrateur, et les
modérateurs ne peuvent pas être tenus pour responsables si une tentative de
piratage informatique conduit à l'accès de ces données. </b></font></span><font size="-1"> </font> <br>
</p></h2>
<?php
$texte = "";
function code($texte)
{
//Smileys
$texte = str_replace('
', '<img src="heureux.gif" title="heureux" alt="heureux" />', $texte);
$texte = str_replace(':lol: ', '<img src="lol.gif" title="lol" alt="lol" />', $texte);
$texte = str_replace(':triste:', '<img src="triste.gif" title="triste" alt="triste" />', $texte);
$texte = str_replace(':rire:', '<img src="rire.gif" title="rire" alt="rire" />', $texte);
$texte = str_replace(':s', '<img src="confus.gif" title="confus" alt="confus" />', $texte);
$texte = str_replace('
', '<img src="choc.gif" title="choc" alt="choc" />', $texte);
//Mise en forme du texte
//gras
$texte = preg_replace('`\[g\](.+)\[/g\]`isU', '<strong>$1</strong>', $texte);
//italique
$texte = preg_replace('`\[i\](.+)\[/i\]`isU', '<em>$1</em>', $texte);
//souligné
$texte = preg_replace('`\[s\](.+)\[/s\]`isU', '<u>$1</u>', $texte);
//lien
$texte = preg_replace('#http://[a-z0-9._/-]+#i', '<a href="$0">$0</a>', $texte);
//etc., etc.
//On retourne la variable texte
return $texte;
}
?>
<?php
if (isset($_POST['pseudo']) AND isset($_POST['message'])) // Si les variables existent
$_POST['pseudo'] = trim($_POST['pseudo']); // Si l'utilisateur a mis des espaces, on les supprime
$_POST['message'] = trim ($_POST['message']); // Comme ça, ton système est plus performant...
{
if ($_POST['pseudo'] != NULL AND $_POST['message'] != NULL) // Si on a quelque chose à enregistrer
{
// D'abord, on se connecte à MySQL
mysql_connect("ftpperso.free.fr", "Cercleculturel19", "operatio" );
mysql_select_db("Cercleculturel19" );
// On utilise les fonctions PHP mysql_real_escape_string et htmlspecialchars pour la sécurité
$message = mysql_real_escape_string(htmlspecialchars($_POST['message']));
$pseudo = mysql_real_escape_string(htmlspecialchars($_POST['pseudo']));
$date = date('y/m/d');
$heure = date('H:i:s');
// Ensuite on enregistre le message
mysql_query("INSERT INTO minichat VALUES('', '$pseudo', '$message', '$date', '$heure')" );
echo ' le message a été envoyé.';
// On se déconnecte de MySQL
mysql_close();
}
}
// Que l'on ait enregistré des données ou pas...
// On affiche le formulaire puis les 10 derniers messages
// Tout d'abord le formulaire :
?>
<br><br>
<div align="center">
<body>
<table BACKGROUND="cheval1.jpg" cellpadding="0" cellspacing="0" border="3" height="200" width="900">
<tbody>
<tr>
<td>
</td>
</tr>
<td>
<fieldset><form method="post" action="minichat20.php" name="formulaire" >
<p align="center">Pseudo : <input type="text" name="pseudo" /></p><br/>
<p align="center">Message : <textarea name="message" rows="10" cols="45"/></textarea> <br />
<center><input type= "submit" />
<input type="reset" name = "Effacer" value = "Effacer"/></center><br/>
</p>
</fieldset>
</form>
</tr>
</table>
<fieldset><legend>Mise en forme</legend>
<img src="heureux.gif" title="heureux" alt="heureux" onClick="javascript:smilies('');return(false)" />
<img src="lol.gif" title="lol" alt="lol" onClick="javascript:smilies(':lol:');return(false)" />
<img src="triste.gif" title="triste" alt="triste" onClick="javascript:smilies(':triste:');return(false)" />
<img src="choc.gif" title="choc" alt="choc" onClick="javascript:smilies('');return(false)" /></fieldset>
<?php
// Maintenant on doit récupérer les 07 dernières entrées de la table
// On se connecte d'abord à MySQL :
mysql_connect("ftpperso.free.fr", "Cercleculturel19", "operatio" );
mysql_select_db("Cercleculturel19" );
// On utilise la requête suivante pour récupérer les 0,07 derniers messages :
$reponse = mysql_query("SELECT * FROM minichat ORDER BY ID DESC LIMIT 0,07" )or die(mysql_error());
// On se déconnecte de MySQL
mysql_close();
// Puis on fait une boucle pour afficher tous les résultats :
while ($donnees = mysql_fetch_array($reponse) )
{
?>
<table bordercolor="#000000" cellpadding="0" cellspacing="0" >
<tbody>
<tr>
<br><td bordercolor="000000" bgcolor="#b3b3b3" width="50" > <?php echo $donnees['pseudo']; ?></td>
<td bgcolor="#ff0033" width="1600" ><u></u> <?php echo $donnees['message'];?></td>
<th width="300" width="30"bgcolor="#b3b3b3">
<?php echo $donnees['date']; ?></th>
<th width="300" width="30"bgcolor="#0044ff">
<?php echo $donnees['heure']; ?></td>
</tr>
</table>
<?php
}
?>
</center>
<br>
<center>
<?php echo ' nous sommes le : ' . date('d/m/y');
?>
</center>
<br>
<center>
<?php echo ' Il est : ' . date('H/i/s');
?>
</center>
<br>
<center>
<?php echo ' nous sommes le : ' . date('F/l/Y');
?>
<p align=center ><a href="mailto.tronchet@cite-sciences.fr">Webmaster</a>
</body>
</html>
