[Javascript] Apercu par ZéroCool - page 1

Bonjour tout le monde !
Voila en fait j'aimerai bien faire un apercu comme le zCode pour mon forum, le problême c'est que je ne sais pas comment utilise rles regex avec js, comme, malheureusement, le sdz ne comporte pas de tuto sur le js :'(

Je vous montre le code que j'ai :

<!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" >
<head>
<title>Essais Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.apercu
{
width: 500px;
height: 500px;
border: 1px solid #c4ccce;
position: absolute;
top:118px;
left: 460px;
font-family: tahoma;
font-size: 12px;
}
</style>
<script language="Javascript">
function couleur(couleur)
{
var texte = prompt("Entrez votre texte :","");
document.form.texte.value = document.form.texte.value + '[color=' +couleur+ ']'+texte+'[/color]';
}

function bbcode(raccourci)
{
var texte = prompt("Entrez votre texte :","");
document.form.texte.value = document.form.texte.value + '['+raccourci+']'+texte+'[/'+raccourci+']';
}

function image()
{
adresseImage = prompt("Entre l'adresse de l'image :","");
document.form.texte.value = document.form.texte.value + '[image]'+adresseImage+'[/image]';
}

function citation()
{
auteur = prompt("Entre l'auteur de la citation :","");
document.form.texte.value = document.form.texte.value + '[citation='+auteur+']Ecris ta citation ici[/citation]';
}

function apercu()
{
texte = document.form.texte.value;
document.getElementById('apercu').innerHTML = texte;
}
</script>
</head>

<body>
<form name="form">
<fieldset>
<legend>Le BBCode</legend>
<input type="button" name="gras" value="Gras" style="font-weight: bold;" onClick="bbcode('gras')" />
<input type="button" name="gras" value="Italique" style="font-style: italic;" onClick="bbcode('italic')" />
<input type="button" name="gras" value="Souligne" onClick="bbcode('souligne')" />
<input type="button" name="gras" value="Barre" onClick="bbcode('barre')" />
<input type="button" name="gras" value="Clignotant" style="text-decoration: blink;" onClick="bbcode('clignotant')" />
<input type="button" name="gras" value="Citation" onClick="citation()" />
<input type="button" name="gras" value="Image" onClick="image()" />
<br />
Couleur : <select name="couleur">
<option value="red" onClick="couleur('red')">Rouge</option>
<option value="blue" onClick="couleur('blue')">Bleu</option>
<option value="aqua" onClick="couleur('aqua')">Bleu clair</option>
<option value="navy" onClick="couleur('navy')">Bleu foncé</option>
<option value="green" onClick="couleur('green')">Vert</option>
<option value="yellow" onClick="couleur('yellow')">Jaune</option>
<option value="gray" onClick="couleur('gray')">Gris</option>
<option value="black" onClick="couleur('black')">Noir</option>
</select>
</fieldset>

<fieldset>
<legend>Votre message</legend>
<textarea name="texte" rows="30" cols="50%"></textarea>
<span id="apercu" class="apercu"></span>
<br /><br />
<center><input type="button" value="Apercu" onClick="apercu()" /> <input type="submit" value="Envoyer" /></center><br />
</fieldset>
</form>
</body>
</html>

ZéroCool

10 avril 2006 à 18:45:59

oussama1305

10 avril 2006 à 23:11:20

bahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
tu pourrais au moins voir ce qu'il y'a dans le tutos non officiels ( tu trouveras exactement ce que tu veux

)

11 avril 2006 à 8:41:38

Non c'est pas expliqué c'est pas ce que je veux faire moi; copier/coller

11 avril 2006 à 21:06:23

eh bine si tu comprends un peu javascript tu pourrais comprendre.
sinon http://www.toutjavascript.com très beau site où tu peut apprendre

[Javascript] Apercu

[Javascript] Apercu

Supprimer

Modérer

Signaler le message aux modérateurs