à tous

Voila j´ai crée un BBcode et j´aimerais que quand j´appuie sur envoyé et bien le message apparaît

si je n´est pas eété tres claire dites le moi !!

code html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>BBCode en Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<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 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>
</head>
<body>
<form method="post" action="un_page.html" name="formulaire">
<input type="button" id="gras" name="gras" value="Gras" onClick="javascript:bbcode(´[gras]´, ´[/gras]´);return(false)" />
<input type="button" id="italic" name="italic" value="Italic" onClick="javascript:bbcode(´[italic]´, ´[/italic]´);return(false)" />
<input type="button" id="image" name="image" value="Image" onClick="javascript:bbcode(´[image]´, ´[/image]´);return(false)" />
<input type="button" id="lien" name="lien" value="Lien" onClick="javascript:bbcode(´[url=]´, ´[/url]´);return(false)" />
<a href="#" title="Créer une citation" onClick="javascript:bbcode(´[citation=AUTEUR]´, ´[/citation]´);return(false)">Citation</a>
<img
src="
http://siteduzero.com/Templates/images/smilie
s/smile.png" title="" alt="" onClick="javascript:smilies(´:D´);return(false)" />
<br />
<input name="auto" id="auto" type="checkbox" onClick="automatique()" /> <label for="auto">Prévisualisation automatique</label>
<!-- on créer la case à cocher pour un prévisualisation automatique -->
<br />
<textarea cols=35 rows=10 id="textarea" name="textarea">C´est dans ce textarea que va s´afficher les balises BBCode.

le code Javascript :

var timer=0;
var ptag=String.fromCharCode(5,6,7);
function previsualisation() {
t=document.formulaire.textarea.value
t=code_to_html(t)
if (document.getElementById) document.getElementById("prev").innerHTML=t
if (document.formulaire.auto.checked) timer=setTimeout(previsualisation,1)
<!-- le "1" est le temps que met le texte à s´afficher, "1" : le texte s´affichera en même temps que l´on écrit (en s) -->
}
function automatique() {
if (document.formulaire.auto.checked) previsualisation() <!-- si on a cocher la case d´aperçu automatique -->
}
function code_to_html(t) {
t=nl2khol(t)
// balise Gras <!-- on lui dis que telles balises
correspondent à tels codes en HTML -->
t=deblaie(/(\[\/gras\])/g,t)
t=remplace_tag(/\[gras\](.+)\[\/gras\]/g,´<span style="font-weight: bold;">$1</span>´,t)
t=remblaie(t)

// balise Italic
t=deblaie(/(\[\/italic\])/g,t)

t=remplace_tag(/\[italic\](.+)\[\/italic\]/g,´<spa
n style="font-style: italic;">$1</span>´,t)
t=remblaie(t)

// balise Citation
t=deblaie(/(\[\/citation\])/g,t)

t=remplace_tag(/\[citation=([\s\S]*?)\](.+)\[\/cit
ation\]/g,´<strong>Citation $1 :</strong><div styl
e="border: 1px solid #000000; width: 50%; font-family: Verdana, \´Trebuchet MS\´, Tahoma, \´Times New Roman\´, Times, serif; text-align: left; font-size: 11px;" align="center">$2</div>´,t)
t=remblaie(t)

// balise Image
t=deblaie(/(\[\/image\])/g,t)
t=remplace_tag(/\[image\](.+)\[\/image\]/g,´<img s
rc="$1" />´,t)
t=remblaie(t)

// balise URL
t=deblaie(/(\[\/url\])/g,t)

t=remplace_tag(/\[\url=([\s\S]*?)\](.+)\[\/url\]/g
,´<a href="$1" target="_blank">$2</a>´,t)
t=remblaie(t)

// smilies Smile <!-- on oublie pas les smilies --

t=remplace_tag(/:d/g,´<img
src="
http://siteduzero.com/Templates/images/smilie
s/langue.png" alt=":d" />´,t)
t=remplace_tag(/:D/g,´<img
src="
http://siteduzero.com/Templates/images/smilie
s/smile.png" alt=":D" />´,t)
t=remplace_tag(/;/g,´<img
src="
http://siteduzero.com/Templates/images/smilie
s/clin.png" alt=";" />´,t)
t=remplace_tag(/:magicien:/g,´<img
src="
http://siteduzero.com/Templates/images/smilie
s/magicien.png" alt=":magicien:" />´,t)
t=remplace_tag(/o_O/g,´<img
src="
http://siteduzero.com/Templates/images/smilie
s/blink.gif" alt="o_O" />´,t)
t=remplace_tag(/:colere2:/g,´<img
src="
http://siteduzero.com/Templates/images/smilie
s/mechant.png" alt=":colere2:" />´,t)
t=remplace_tag(/:heu:/g,´<img
src="
http://siteduzero.com/Templates/images/smilie
s/unsure.gif" alt=":heu:" />´,t)
t=remblaie(t)
t=unkhol(t)
t=nl2br(t)
return t
}
<!-- tout le code qui suit c´est pour transformer toutes les balises, comme les preg_replace en PHP -->
function deblaie(reg,t) {
textarea=new String(t);
return textarea.replace(reg,´$1\n´);
}
function remblaie(t) {
textarea=new String(t);
return textarea.replace(/\n/g,´´);
}
function remplace_tag(reg,rep,t) {
textarea=new String(t);
return textarea.replace(reg,rep);
}
function nl2br(t) {
textarea=new String(t);
return textarea.replace(/\n/g,´<br/>´);
}
function nl2khol(t) {
textarea=new String(t);
return textarea.replace(/\n/g,ptag);
}
function unkhol(t) {
textarea=new String(t);
return textarea.replace(new RegExp(ptag,´g´),´\n´);
}
Voici le tuto ou je l´ai pris :

http://www.siteduzero.com/tuto-3-1982-1-creation-d-un-bbcode-et-apercu-en-direct.html

C´est illlisible

Remet le code (pas celui posté) sur ce wall :
http://simmstein.be/wall.htm

http://simmstein.be/wall-b3pNIoOo-xhtml.htm

Le probleme est qu´il n´y a aucun espace en debut de ligne donc on ne voit pas grand chose, exemple :
Code pas tres lisible :
http://simmstein.be/wall-0BcRoFNv-php.htm
Code lisible :
http://simmstein.be/wall-Cn8vYlei-php.htm

Tu veux nous faire croire que tu as créé ce code mais que tu ne sais pas faire un simple formulaire d´envoi ? Lol...

Chaos_Clad >> lis tout stp "Voici le tuto ou je l´ai pris : "

Visiblement il n´a fait que le lire en diagonale le tuto !

M´enfin, c´est élémentaire de créer un formulaire :s

Je suis désolé mais je débute en php alors les formulaires moi...

Mais bon merci quand meme

Et bien déjà, les formulaires ne sont pas fait en PHP, mais en HTML.
Le PHP est utilisé pour exploiter lesdonnées envoyées par le formulaire.

Le même formulaire peut être utilisé avec du PHP, de l´ASP, ...

ouais les formulaire en html ça va mais apres pour le PHP

"Voila j´ai crée un BBcode"

Mais j´ai tout lu ^^

Ceux qui utilisent des phpbb ou autres, disent qu´ils ont céé le truc...il faut relativiser sur ce mot, surtout sur ce forum

1. olive_369 profil
2. Posté le 15 août 2006 à 10:38:39 avertir modérateur
3. à tous

Voila j´ai crée un BBcode et ...

------

mdr, il a ni plus ni moins que repomper un tuto du SDZ

ca m´a tout de suite fait sursauté parcequ´hier je voulais me faire une interface de saisie avec bbcode aussi, et c´est le script que j´ai repris aussi, et pour la prévisualisation en tant réelle, je me suis bricolé un truc en ajax, ca marche pas mal