script du code
2 participants
Page 1 sur 1
script du code
Bonjour, j'ai voulu faire un minichat avec ce que vous avez déjà fais mais j'ai un petit problème.
C'est quoi le code pour qu'il trnasforme les bbcode et smiles en html.
Et en plus j'arrive pas quand on clique sur les smilies ou autre l'affiché dans l'espace des messages.
J'ai retirer le prévisualisation donc peut etre que le code est la mais je ne sais pas.
merci
a+
C'est quoi le code pour qu'il trnasforme les bbcode et smiles en html.
Et en plus j'arrive pas quand on clique sur les smilies ou autre l'affiché dans l'espace des messages.
J'ai retirer le prévisualisation donc peut etre que le code est la mais je ne sais pas.
merci
a+
cocolabombe0- Messages : 36
Date d'inscription : 11/05/2008
Age : 32
Re: script du code
Salut,
pour le BBcode, ce sont des expression régulière en javascript, je mexplique : quand on clique sur un smiley un truc du genre ça "" s'affiche dans la zone de texte, après lorsque tu post le message les expression régulière transforme le "" en !!!
Quand on clique sur un smiley met dans l'atribut onclick un code du genre : document.getElementById('id du champs texte').value += "";
a++
pour le BBcode, ce sont des expression régulière en javascript, je mexplique : quand on clique sur un smiley un truc du genre ça "" s'affiche dans la zone de texte, après lorsque tu post le message les expression régulière transforme le "" en !!!
Quand on clique sur un smiley met dans l'atribut onclick un code du genre : document.getElementById('id du champs texte').value += "";
a++
Re: script du code
Oui je sais je l'ai vu dans le code deja fais mais voila.
Mon fichier minichat est
http://cocolabo.network-hosting.com/sgi/2/ pour aller se connecter avec login: test ; mot de passe: test
Puis ce lien car pas mis dans navigation
http://cocolabo.network-hosting.com/sgi/2/membre/minichat.php
donc quand on clique sur les smilies ou autre ca ne marche pas et même il manque un truc avec une fonction pour le transformer en html.
merci
a+
Mon fichier minichat est
- Code:
<?php
// bien rajouter le code si-dessous sur toute les pages que vous rajouterez dans votre espace membre (le dosier membre)
session_start();
if (!isset($_SESSION['login'])) {
header ('Location: connection.php');
exit();
}
include("config.php");
?>
<?php
if (isset($_POST['message']) && !empty($_POST['message'])) // Si la variable existe et quelle n'est pas vide
{
// On utilise la fonction PHP htmlentities pour éviter d'enregistrer du code HTML dans la table
$message = htmlentities ($_POST['message']);
$login = $_SESSION['login'];
// Ensuite on enregistre le message
mysql_query("INSERT INTO minichat VALUES('', '$login', '$message')");
}
// Que l'on ait enregistré des données ou pas...
// On affiche le formulaire puis les 20 derniers messages
// Tout d'abord le formulaire :
?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="../style.css" />
<title>Minichat</title></head>
<script language="javascript" type="text/javascript" src="prev.js"></script><!-- on appelle le fichier prev.js pour faire fonctionne la prévisualisation -->
<script language="Javascript">
function Lien() {
i = document.titre0.selectedIndex;
if (i == 0) return;
url = document.titre0.options[i].value;
}
function bbcode(bbdebut, bbfin)
{
var input = window.document.formulaire.textarea;
input.focus();
/* pour IE (toujous un cas appar lui ;) )*/
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();
}
/* pour les navigateurs plus récents que IE comme Firefox... */
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;
}
/* pour les autres navigateurs comme Netscape... */
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.textarea.value += '' + img + '';
}
</script>
<body>
<center><div id="contenu">
<div id="header"><?php include("../include/header.php"); ?></div>
<div id="menu_vertical"><?php include("../include/menu_vertical.php"); ?></div>
<div id="contenu_corps_menu">
<div id="menu_horizontal"><?php include("../include/menu_horizontal.php"); ?></div>
<div id="contenu_corps">
<div id="corps_haut">
<div align="left"><strong>Minichat</strong></div>
</div>
<div id="corps">
<div align="left">
Smilies :
<br />
<img src="../images/smilies/smile.png" title="" alt="" onClick="javascript:smilies(':d');return(false)" />
<img src="../images/smilies/heureux.png" title="" alt="" onClick="javascript:smilies(':D');return(false)" />
<img src="../images/smilies/clin.png" title="" alt="" onClick="javascript:smilies(';d');return(false)" />
<img src="../images/smilies/langue.png" title="" alt="" onClick="javascript:smilies(':p');return(false)" />
<br />
<img src="../images/smilies/rire.gif" title="" alt="" onClick="javascript:smilies(':lol:');return(false)" />
<img src="../images/smilies/unsure.gif" title="" alt="" onClick="javascript:smilies(':euh:');return(false)" />
<img src="../images/smilies/triste.png" title="" alt="" onClick="javascript:smilies(':triste:');return(false)" />
<img src="../images/smilies/huh.png" title="" alt="" onClick="javascript:smilies(':o');return(false)" />
<br />
<img src="../images/smilies/mechant.png" title="" alt="" onClick="javascript:smilies(':colere:');return(false)" />
<img src="../images/smilies/blink.gif" title="" alt="" onClick="javascript:smilies(':blink:');return(false)" />
<img src="../images/smilies/hihi.png" title="" alt="" onClick="javascript:smilies(':hihi:');return(false)" />
<img src="../images/smilies/siffle.png" title="" alt="" onClick="javascript:smilies(':-°');return(false)" />
<br />
<img src="../images/smilies/pirate.png" title="" alt="" onClick="javascript:smilies('pirate:');return(false)" />
<img src="../images/smilies/magicien.png" title="" alt="" onClick="javascript:smilies(':magicien:');return(false)" />
<img src="../images/smilies/ange.png" title="" alt="" onClick="javascript:smilies(':ange:');return(false)" />
<img src="../images/smilies/ninja.png" title="" alt="" onClick="javascript:smilies(':ninja:');return(false)" />
<br />
<img src="../images/smilies/waw.png" title="" alt="" onClick="javascript:smilies(':waw:');return(false)" />
<img src="../images/smilies/zorro.png" title="" alt="" onClick="javascript:smilies(':zorro:');return(false)" />
<img src="../images/smilies/pinch.png" title="" alt="" onClick="javascript:smilies('>_<');return(false)" />
<img src="../images/smilies/diable.png" title="" alt="" onClick="javascript:smilies('diable:');return(false)" />
<br /><br />
<input type="image" src="../images/bbcode/zcode_info.png" border=0 alt="Information" id="information" name="information" value="information" onClick="javascript:bbcode('[info]', '[/info]');return(false)">
<input type="image" src="../images/bbcode/zcode_attention.png" border=0 alt="Attention" id="attention" name="attention" value="attention" onClick="javascript:bbcode('[attention]', '[/attention]');return(false)">
<input type="image" src="../images/bbcode/zcode_question.png" border=0 alt="Question" id="question" name="question" value="question" onClick="javascript:bbcode('[question]', '[/question]');return(false)">
<input type="image" src="../images/bbcode/zcode_erreur.png" border=0 alt="Erreur" id="erreur" name="erreur" value="erreur" onclick="javascript:bbcode('[erreur]', '[/erreur]');return(false)" />
<br /><br />
Position :
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/gauche.png" border="0" alt="Question" id="question2" name="question2" value="question" onclick="javascript:bbcode('[position=left]', '[/position]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/center.png" border="0" alt="Question" id="question2" name="question2" value="question" onclick="javascript:bbcode('[position=center]', '[/position]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/droite.png" border="0" alt="Question" id="question2" name="question2" value="question" onclick="javascript:bbcode('[position=right]', '[/position]');return(false)" />
<br/><br/>
<input type="image" src="../images/bbcode/zcode_gras.png" border=0 alt="Gras" id="gras" name="gras" value="Gras" onClick="javascript:bbcode('[gras]', '[/gras]');return(false)" />
<input type="image" src="../images/bbcode/zcode_italique.png" border=0 alt="Italic" id="italic" name="italic" value="Italic" onClick="javascript:bbcode('[italic]', '[/italic]');return(false)" />
<input type="image" src="../images/bbcode/zcode_souligne.png" border=0 alt="Souligner" id="souligner" name="souligner" value="Souligner" onClick="javascript:bbcode('[souligner]', '[/souligner]');return(false)" />
<input type="image" src="../images/bbcode/zcode_barre.png" border=0 alt="Barrer" id="barrer" name="barrer" value="Barrer" onClick="javascript:bbcode('[barrer]', '[/barrer]');return(false)" />
<input type="image" src="../images/bbcode/zcode_lien.png" border=0 alt="Lien" id="lien" name="lien" value="Lien" onClick="javascript:bbcode('[url=]', '[/url]');return(false)" />
<input type="image" src="../images/bbcode/zcode_image.png" border=0 alt="Image" id="image" name="image" value="Image" onclick="javascript:bbcode('[image]', '[/image]');return(false);" />
<input type="image" src="../images/bbcode/zcode_citation.png" border=0 alt="Citation" id="citation" name="citation" value="Citation" onClick="javascript:bbcode('[citation=AUTEUR]', '[/citation]');return(false)">
<br />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/rouge.png" border="1" alt="rouge" id="rouge" name="rouge" value="Rouge" onClick="javascript:bbcode('[color=red]', '[/color]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/bleu.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[color=blue]', '[/color]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/vert.png" border="1" alt="bleu" id="bleu2" name="bleu2" value="Bleu" onclick="javascript:bbcode('[color=green]', '[/color]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/yellow.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[color=yellow]', '[/color]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/purple.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[color=purple]', '[/color]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/olive.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[color=olive]', '[/color]');return(false)" />
<br/><br/>
Taille : <input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/5.png" border="1" alt="bleu" id="bleu3" name="bleu3" value="Bleu" onclick="javascript:bbcode('[taille=5]', '[/taille]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/4.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[taille=4]', '[/taille]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/3.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[taille=3]', '[/taille]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/2.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[taille=2]', '[/taille]');return(false)" />
<input type="image" style="width: 24px; height: 24px; border-color: #000000;" src="../images/bbcode/1.png" border="1" alt="bleu" id="bleu" name="bleu" value="Bleu" onClick="javascript:bbcode('[taille=1]', '[/taille]');return(false)" />
</div>
<p><strong>Bienvenu dans le chat </strong></p>
<p>
<form action="minichat.php" method="post" name="minichat">
<p align="center">login : <?php echo $_SESSION['login']; ?></p>
<p align="center"> Message : <br />
<textarea name="message" cols="35" rows="4"></textarea>
</p>
<p align="center"><input type="submit" value="Envoyer" /></p>
</form>
<?php
// Maintenant on doit récupérer les 20 dernières entrées de la table
// On se connecte d'abord à MySQL :
// On utilise la requête suivante pour récupérer les 20 derniers messages :
$reponse = mysql_query("SELECT * FROM minichat ORDER BY ID DESC LIMIT 0,20");
// Puis on fait une boucle pour afficher tous les résultats :
while ($donnees = mysql_fetch_array($reponse))
{
$affiche_message = $donnees['message']; // On transforme le FormCode en HTML (pour que ça affiche ce que l'on veut
echo '<p><strong>' .$donnees['login']. '</strong> : ' .$affiche_message. '</p>';
}
// Fin de la boucle
?>
</p>
</div>
</div>
</div>
<div id="copyright">
</div>
</div></center>
</body>
</html>
http://cocolabo.network-hosting.com/sgi/2/ pour aller se connecter avec login: test ; mot de passe: test
Puis ce lien car pas mis dans navigation
http://cocolabo.network-hosting.com/sgi/2/membre/minichat.php
donc quand on clique sur les smilies ou autre ca ne marche pas et même il manque un truc avec une fonction pour le transformer en html.
merci
a+
Dernière édition par cocolabombe0 le Lun 12 Mai - 23:12, édité 1 fois
cocolabombe0- Messages : 36
Date d'inscription : 11/05/2008
Age : 32
Re: script du code
re,
désolé mais ce soir j'ai pas le temps, demain et après demain j'ai le brevet blanc donc...
a++
désolé mais ce soir j'ai pas le temps, demain et après demain j'ai le brevet blanc donc...
a++
Re: script du code
Ok pas grave.
merci
a+
merci
a+
cocolabombe0- Messages : 36
Date d'inscription : 11/05/2008
Age : 32
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|