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

Vue hybride

Discussions similaires

Partager

Partager