Les forums de JeBulle.net – [JAVASCRIPT] Mettre en texte en gras dans un textarea

Re: [JAVASCRIPT] Mettre en texte en gras dans un textarea

2003-06-13T05:34:25Z

mais si mais si !

Ca prend md2 de rajouter ca !

Si je trouve d'autre pitit truc comme ca je le posterai ... ca avancera plus vite comme ca ! ;-)

Re: [JAVASCRIPT] Mettre en texte en gras dans un textarea

2003-06-12T16:21:23Z

ok. C'est effectivement un élément de la prochaine évolution de Bubulles News...si evolution il y aura :-D

Re: [JAVASCRIPT] Mettre en texte en gras dans un textarea

2003-06-12T16:07:12Z

en fait lorsque tu clique sur "gras" ca vient mettre le code a l'endroit ou se trouve la souris.

Si un texte était sélectionné alors ca met la balise ouvrante avant et la fermante apres (pas bete ca !!)

Exactement comme lorsque l'on post sur le forum !

Ce qui est bien c'est que l'on peut mettre n'importe kel code derriere le lien ! puisque c'est une fonction qui recoit une chaine de caractere (le code)

Re: [JAVASCRIPT] Mettre en texte en gras dans un textarea

2003-06-12T15:56:05Z

c'est un truc qui permet de faire de la mise en page dans un textarea c'est bien ca ? en l'occurence mettre une partie du texte en gras dans la zone ici.

[JAVASCRIPT] Mettre en texte en gras dans un textarea

2003-06-12T15:43:16Z

J'ai trouvé se code et je le trouve tres simple et bien !! Ca fonctionne comme celui du forum.

Je post car il se peut que d'autre en ai besoin (ex : bubulles news ;-) )

HTML

<html>
<head>
<title>Votre Titre</title>
</head>

<body>

<script language="JavaScript" type="text/javascript">

function storeCaret(text) {
// voided
}

function AddText(startTag,defaultText,endTag) {
if (document.leform.message.createTextRange) {
var text;
document.leform.message.focus(document.leform.message.caretPos);
document.leform.message.caretPos = document.selection.createRange().duplicate();

if(document.leform.message.caretPos.text.length>0)
document.leform.message.caretPos.text = startTag + document.leform.message.caretPos.text + endTag;
else
document.leform.message.caretPos.text = startTag+defaultText+endTag;
}

else document.leform.message.value += startTag+defaultText+endTag;
}
</script>

<form method="post" name="leform" action="votre_lien.php">
<textarea name="message" cols="50" rows="8" wrap="virtual" onmouseover="this.focus();" onkeyup="javascript:storeCaret(this);" onclick="javascript:storeCaret(this);" onchange="javascript:storeCaret(this);"></textarea><br>
<a href="javascript:AddText('<b>','Texte en gras','</b>');">Gras</a>
| <a href="javascript:AddText('<i>','Texte en italique','</i>');">Italique</a>
| <a href="javascript:AddText('<u>','Texte souligné','</u>');">Souligné</a>
</form>
</body>
</html>

Et voila !! Sympa non ?

Ah oui, j'oubliais : 3 choses importantes :
- le formulaire s'appelle leform
- le textarea message
- et c'est tout en fait ...