Javascript et définition de plusieurs éléments pour bbcode [Résolu/Fermé]

Signaler
Messages postés
93
Date d'inscription
mardi 16 septembre 2008
Statut
Membre
Dernière intervention
3 janvier 2015
-
Messages postés
93
Date d'inscription
mardi 16 septembre 2008
Statut
Membre
Dernière intervention
3 janvier 2015
-
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

Messages postés
93
Date d'inscription
mardi 16 septembre 2008
Statut
Membre
Dernière intervention
3 janvier 2015
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
Messages postés
93
Date d'inscription
mardi 16 septembre 2008
Statut
Membre
Dernière intervention
3 janvier 2015
2
Bonjour,

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