[javascript] une fonction appliqué à TOUS mes text-area

[2fou]

Salut,
pour la partie admin d'un site, j'ai intégré des boutons gras, italique et lien permettant au client de mettre en forme le texte.
Par exemple, gràce à un script (javascript) quand on clique sur le bouton "gras" après avoir selectionné du texte à l'interieur de la zone de texte (textarea) p1 du formulaire (intitulé "modif")...les balises <gras> et <gras> sont intégré avant et après le texte choisis dans le textarea. Puis on valide le formulaire, mon texte est intégré avec les balises <gras> dans la bdd et ce n'est qu-à l'affichage, ou je remplace (par un script php) les balises <gras> en <strong>.

Mon problème concerne l'ajout des balises personalisées
Pour cela, j'avais trouvé un script (javascript) : voir plus bas.
Or celui-ci ne me permet de modifier seulement le text-area intitulé p1.
Or je souhaiterai pouvoir traiter plusieurs text-area.
Comment faire pour que cette fonction javascript s'applique à tous mes text-areas?

Merci.


le script :

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['modif'].elements['p1]'];

		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['modif'].elements['p1'];
		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;
	
			var r = oField.createTextRange();
			r.moveStart('character', pos);
			r.collapse();
			r.select();

		}
	}
}

 

[Szarah]

Il y a des solutions parfaitement cross-browser, tu sais ?
Comme celle-ci

 

[Toutou-Fr]

je ne suis pas spécialiste javascript mais une simple mise en variable du nom du champ devrait suffir :

function storeCaret(selec,champ_a_modifier)
{

et remplacement des lignes :

oField = document.forms['modif'].elements['p1'];

en :

oField = document.forms['modif'].elements[''+champ_a_modifier+''];

 

[2fou]

ok mais comment je défini que ma fonction s'applique aux <textarea> ?


Szarah, Merci pour le lien, ça a l'air sympa mais je ne pesne pas que ça aille pour ce projet là.

 

[Szarah]

>> 2fou

Tu as raison, 2fou, ton souci est autre part et je n'avais pas bien lu ta question.
Mais pour une autre fois, c'est un bon code.