Discussion :

[bizebi]

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 :

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
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.

[SylvainPV]

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.

[bizebi]

Bonjour Sylvain PV,

Merci pour cette r�ponse.

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[Bovino]

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

[bizebi]

Bonjour,

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

[NoSmoking]

Bonjour,

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

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 html :

S�lectionner tout - Visualiser dans une fen�tre � part

<button onclick="storeCaret('contenu1', 'b');">Gras<button><!-- par exemple -->