Mettre en gras la selection dans un textArea

**ksouna** · 15/11/2007, 18h29

Bonjour ,

Ce que je veux faire c'est tout simplement les boutons que vous voyez lorsque vous écrivez un message :mettre en gras, souligné ...
J'ai prit l'exemple de mettre en gras le voici :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<body>
<div align=center>
<form id='formulaire' >
 
<table>
	<tr>
    	        <td>Intitulé de la newsletter :</td>
   	 	<td><input type=text name='intitulé' size=30></td>
        </tr>
        <tr>
    	        <td colspan=2>Newsletter :<br>
 		<textarea COLS=50 ROWS=6 name='texte'></textarea></td>
         </tr>
</table>
 
<SCRIPT language="JavaScript">
fonction gras(){
  var str = document.selection.createRange().text;
  document.formulaire.texte.focus();
  var sel = document.selection.createRange();
  sel.text = "<strong>" + str + "</strong>";
  }
</SCRIPT>
 
<br> <INPUT type="button" value="Gras" onClick="javascript:gras()">
 
</form>
</div>
</body>

Mais rien s'y passe ,comme vous pouvez le voir j'utilise la fonction createRange() pour avoir le teext selectionné et ensuite je l'entoure des balise s pour mettre en gras ,mais aucune reaction .Je ne comprend pas.

Avez-vous une idée s'il vous plait ?

Merci

**jln13** · 15/11/2007, 22h13

salut,

tout d'abord tu dois avoir des erreurs javascript avec ce code ! Tu devrais utiliser firebug pour firefox ou autre debuggeur javascript pour éviter les erreurs de syntaxe du genre "fonction" au lieu de "function"

fonction gras() {

Ensuite, je te conseillerais plutot d'utiliser openWYSIWYG (ou autre..) qui te permettra de déclarer un textarea avec tous les formatages possibles sans re développer tout !
Toutes les infos sont disponibles sur ce lien : http://www.openwebware.com/products/openwysiwyg/docs/

En gros, tu télécharges un fichier javascript que tu inclues dans ta page et hop le tour est joué. C'est vraiment simple d'utilisation et tu peux supprimer les formatages que tu ne veux pas directement dans le fichier wysiwyg.js si tu en as trop...

voili voilou

Mettre en gras la selection dans un textArea

JavaScript

Discussions similaires

Partager

Partager