Javascript et �l�ments pour bbcode

Bonjour,

J'ai un formulaire comprenant plusieurs champs contenu.

Soit contenu1, contenu2, contenu3 et contenu4 tous en textarea dans lesquels je voudrais via des bouton faire des mises en formes avec bbcode.

Pour pouvoir y introduire des bbcode via des boutons j'ai mis dans mon head le code suivant

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<script language="Javascript">
var isMozilla = (navigator.userAgent.toLowerCase().indexOf('gecko')!=-1) ? true : false;
var regexp = new RegExp("[\r]","gi");
 
function storeCaret(selec)
{
	if (isMozilla) 
	{
	// Si on est sur Mozilla
 
		oField = document.forms['contenu'].elements['contenu1'];
 
		objectValue = oField.value;
 
		deb = oField.selectionStart;
		fin = oField.selectionEnd;
 
		objectValueDeb = objectValue.substring( 0 , oField.selectionStart );
		objectValueFin = objectValue.substring( oField.selectionEnd , oField.textLength );
		objectSelected = objectValue.substring( oField.selectionStart ,oField.selectionEnd );
 
	//	alert("Debut:'"+objectValueDeb+"' ("+deb+")\nFin:'"+objectValueFin+"' ("+fin+")\n\nSelectionné:'"+objectSelected+"'("+(fin-deb)+")");
 
		oField.value = objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]" + objectValueFin;
		oField.selectionStart = strlen(objectValueDeb);
		oField.selectionEnd = strlen(objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]");
		oField.focus();
		oField.setSelectionRange(
			objectValueDeb.length + selec.length + 2,
			objectValueDeb.length + selec.length + 2);
	}
 
 
	else
	{
	// Si on est sur IE
 
		oField = document.forms['contenu'].elements['contenu1'];
		var str = document.selection.createRange().text;
 
		if (str.length>0)
		{
		// Si on a selectionné du texte
			var sel = document.selection.createRange();
			sel.text = "[" + selec + "]" + str + "[/" + selec + "]";
			sel.collapse();
			sel.select();
		}
		else
		{
			oField.focus(oField.caretPos);
		//	alert(oField.caretPos+"\n"+oField.value.length+"\n")
			oField.focus(oField.value.length);
			oField.caretPos = document.selection.createRange().duplicate();
 
			var bidon = "%~%";
			var orig = oField.value;
			oField.caretPos.text = bidon;
			var i = oField.value.search(bidon);
			oField.value = orig.substr(0,i) + "[" + selec + "][/" + selec + "]" + orig.substr(i, oField.value.length);
			var r = 0;
			for(n = 0; n < i; n++)
			{if(regexp.test(oField.value.substr(n,2)) == true){r++;}};
			pos = i + 2 + selec.length - r;
			//placer(document.forms['contenu'].elements['contenu'], pos);
			var r = oField.createTextRange();
			r.moveStart('character', pos);
			r.collapse();
			r.select();
 
		}
	}
}
 
 
 
</script>

mais le oField = document.forms['contenu'].elements['contenu1']; ne reconnait que l'�l�ment contenu1 et je voudrais savoir comment faire pour qu'les boutons sur contenu2, contenu3 et contenu4 fonctionnent pour ces champs propres.

Je ne suis pas un sp�cialiste de javascript.

Quelqu'un pourrait-il m'aider s'il vous pla�t. Merci par avance.

Salut,

Tu as le code pour contenu1, tu veux que le m�me code s'�x�cute pour contenu2, 3 et 4. Pas besoin d'�tre un sp�cialiste pour savoir qu'une simple boucle for fait l'affaire ici.

Bonjour Sylvain PV,

Merci pour cette r�ponse.

Mais outre le fait de savoir que la formule g�n�rale pour for est

Code:

for (valeur initiale ; condition; progression) {instruction}

Je ne sais o� mettre la boucle et par quoi remplacer les valeurs dans les parenth�ses.

Merci pour ton aide.

Rien ne t'emp�che � l'appel de la fonction de rajouter un param�tre indiquant � quelle zone de saisie elle doit s'appliquer.

Bonjour,

J'ai �crit une fonction pour chaque contenu. R�solu par moi-m�me. Mais merci � ceux qui ont cherch� � m'aider.

Bonjour,

Citation:

J'ai �crit une fonction pour chaque contenu

ne me dis pas que tu as os� :(

La r�ponse t'a �t� donn�e par Bovino

Citation:

Rien ne t'emp�che � l'appel de la fonction de rajouter un param�tre indiquant � quelle zone de saisie elle doit s'appliquer.

en d'autres termes l'ent�te de ta fonction devient
Code:

1 2 3 4 function storeCaret(id_textarea, selec){ var oField = document.getElementById( id_textarea); // récup. objet où l'on va appliquer le BBcode // la suite du code }
et l'appel

Code:

<button onclick="storeCaret('contenu1', 'b');">Gras<button>