Mise en place d'un bouton pour "Graisser un texte"

Version imprimable

02/12/2006, 10h58
dfournier

Mise en place d'un bouton pour "Graisser un texte"

Bonjour à tous et à toutes

Mon souci est de donner la possibilité d'insérer des balises de type <strong> </strong> dans un champ de formulaire $observations en cours de saisie, par la simple utilisation d'un bouton placé au dessus du champ.
Exactement comme dans la fenêtre de saisie des messages du forum.
Cela ne doit pas être compliqué, mais je sèche.
Merci

Je pense qu'il faut que utilise du javascript. Je te propose un script :
Code:

1 2 3 4 <input type="button" id="button" onclick="mettreEnGras()"> <input id="champ" name="champ">
Fonction javascript :
Code:

1 2 3 4 5 6 7 8 function mettreEnGras() { var texte = document.getElementById("champ").value; texte.style.font-weight = bold ; document.getElementById("champ").value = texte ; }
Je ne suis vraiment pas sur alors préviens moi du résultat ;)

Solution trouvée

Merci

Mon début de solution

Code:

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
30
31
32
33
34
function insert_gras(graisse)
{
deb_g="";
fin_g="";
 
if (graisse == "G"){
	deb_g="<b>";
	fin_g="</b>";
	}
if (graisse == "I"){
	deb_g="<I>";
	fin_g="</I>";
	}
 
var txt = '';
	var foundIn = '';
	if (window.getSelection)
	{
		txt = window.getSelection();
		foundIn = 'window.getSelection()';
	}
	else if (document.getSelection)
	{
		txt = document.getSelection();
		foundIn = 'document.getSelection()';
	}
	else if (document.selection)
	{
		txt = document.selection.createRange().text;
		foundIn = 'document.selection.createRange()';
	}
	else return;
 
document.FrontPage_Form1.description.value=deb_g+txt+fin_g;

Appel sur bouton

Code:

1
2
3
 
<input type="button" value="Gras" name="G" onclick="insert_gras('G')">
<input type="button" value="Italic" name="I" onclick="insert_gras('I')">