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

Résolu/Fermé
ANTHURIUMRE Messages postés 93 Date d'inscription mardi 16 septembre 2008 Statut Membre Dernière intervention 3 janvier 2015 - Modifié par ANTHURIUMRE le 27/11/2013 à 20:56
ANTHURIUMRE Messages postés 93 Date d'inscription mardi 16 septembre 2008 Statut Membre Dernière intervention 3 janvier 2015 - 1 déc. 2013 à 05:30
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>

2 réponses

ANTHURIUMRE Messages postés 93 Date d'inscription mardi 16 septembre 2008 Statut Membre Dernière intervention 3 janvier 2015 2
29 nov. 2013 à 07:57
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 mardi 16 septembre 2008 Statut Membre Dernière intervention 3 janvier 2015 2
1 déc. 2013 à 05:30
Bonjour,

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