Javascript et définition de plusieurs éléments pour bbcode

Résolu
ANTHURIUMRE Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   -  
ANTHURIUMRE Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un formulaire comprenant plusieurs champs dont contenu1 et contenu2. Je voudrais que contenu1 et contenu2 qui sont des textarea puissent faire l'objet de mise en forme.

Pour ce faire j'ai mis sur ma page ce code javascript


<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);
}
}}

J'ai cherché en vain à mofidier oFiel=document.froms... pour que javascript tienne compte de mon contenu2 mais rien à faire.

Pourriez-vous m'aider s'il vous plait.

Extrait du formulaire

<form name="contenu" action="ajoutarticle_post.php" method="post">


<input type="button" value="b" style="width:50px;font-weight:bold" onclick="storeCaret('b')">
<input type="button" value="i" style="width:50px;font-style:italic" onclick="storeCaret('i')">

<input type="button" value="color" style="width:50px;font-style:italic" onclick="storeCaret('color')">

<input type="button" value="Tc" style="width:50px;text-align:center" onclick="storeCaret('center')">
<input type="button" value="Tr" style="width:50px;text-align:right" onclick="storeCaret('right')">
<input type="button" value="Tj" style="width:50px;text-align:justify" onclick="storeCaret('justify')">
<input type="button" value="u" style="width:50px;text-decoration:underline" onclick="storeCaret('u')">
<input type="button" value="quote"style="width:50px" onclick="storeCaret('quote')">
<input type="button" value="code"style="width:50px" onclick="storeCaret('code')">
<input type="button" value="url"style="width:50px" onclick="storeCaret('url')">
<input type="button" value="img"style="width:50px" onclick="storeCaret('img')"><br>




<fieldset><legend><h3>Contenu</h3></legend><textarea cols="100" rows="6" name="contenu" id="contenu"/></textarea></fieldset><p>



<input type="button" value="b" style="width:50px;font-weight:bold" onclick="storeCaret('b')">
<input type="button" value="i" style="width:50px;font-style:italic" onclick="storeCaret('i')">

<input type="button" value="color" style="width:50px;font-style:italic" onclick="storeCaret('color')">

<input type="button" value="Tc" style="width:50px;text-align:center" onclick="storeCaret('center')">
<input type="button" value="Tr" style="width:50px;text-align:right" onclick="storeCaret('right')">
<input type="button" value="Tj" style="width:50px;text-align:justify" onclick="storeCaret('justify')">
<input type="button" value="u" style="width:50px;text-decoration:underline" onclick="storeCaret('u')">
<input type="button" value="quote"style="width:50px" onclick="storeCaret('quote')">
<input type="button" value="code"style="width:50px" onclick="storeCaret('code')">
<input type="button" value="url"style="width:50px" onclick="storeCaret('url')">
<input type="button" value="img"style="width:50px" onclick="storeCaret('img')"><br>




<fieldset><legend><h3>Contenu2</h3></legend><textarea cols="100" rows="6" name="contenu2" id="contenu2"/></textarea></fieldset><p>

<input type="submit" value="Envoyer">
<input type="reset" value="Annuler">
<p>
</form>

A voir également:

2 réponses

ANTHURIUMRE Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   2
 
Je sais qu'il faut mettre en place une boucle for
for(valeur initiale; condition; progression)
{instruction}

Mais je ne sais où mettre la boucle par rapport à mon premier contenu1 et que mettre à la place de VI, Condition et progression s'il en était.

Si une âme charitable pouvait m'aider.

Merci par avance
0
ANTHURIUMRE Messages postés 93 Date d'inscription   Statut Membre Dernière intervention   2
 
Bonjour,

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