Aide javascript: Un texte dans un TEXTEREA

Résolu/Fermé
Chabanus Messages postés 978 Date d'inscription dimanche 23 décembre 2007 Statut Membre Dernière intervention 11 novembre 2011 - 22 déc. 2008 à 23:15
Chabanus Messages postés 978 Date d'inscription dimanche 23 décembre 2007 Statut Membre Dernière intervention 11 novembre 2011 - 25 déc. 2008 à 13:12
Bonsoir,
J'ai besoin du script javascript qui me permettrait de mettre du texte dans un TEXTEREA à l'aide d'un lien cliquable ou une image ou un bottom.
Merci d'avance
cordialement

4 réponses

Chabanus Messages postés 978 Date d'inscription dimanche 23 décembre 2007 Statut Membre Dernière intervention 11 novembre 2011 70
22 déc. 2008 à 23:43
J'ai trouvé un script, et le problème est comment le faire fonctionner avec un seul TEXTEREA et sans les boutons radio:
<html>
<head>
<script type="text/Javascript">
var num=0;
function GereControle(Controleur)
{
 num=Controleur;
 document.formulaire.message[num].focus();
}
function addbbcode(valeur)
{
     document.formulaire.message[num].value += valeur;
}
</script>
</head>
<body>
<form method="POST" name="formulaire" onsubmit="return document.write('truc');">
<textarea  cols="40" rows="10" name="message" id="message1"></textarea>
<br />
<textarea  cols="40" rows="10" name="message" id="message2"></textarea>
<br /><br />
<input type="radio" id="radio_1" name="radios" onClick="GereControle(0);">&nbsp;<label for="radio_1">Champ_1</label>
<br />
<input type="radio" id="radio_2" name="radios" onClick="GereControle(1);">&nbsp;<label for="radio_2">Champ_2</label>
<br /><br />
<a href="#" onclick="addbbcode('[b]Votre texte/b'); return false;" title=""><input type="button" value="Gras" /></a>
</form>
</body>
</html>
RAD ZONE Messages postés 5227 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 13 juillet 2024 1 355
23 déc. 2008 à 00:09
SALUT
insertion par insertTag dans un textarea

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>insertion par insertTag dans un textarea
    </title>
<script type="text/javascript">
//<![CDATA[
<!--
function insertTag(startTag, endTag, textareaId, tagType) {
        var field = document.getElementById(textareaId);
        field.focus();
        
        if (window.ActiveXObject) {
                var textRange = document.selection.createRange();            
                var currentSelection = textRange.text;
        } else {
                var startSelection   = field.value.substring(0, field.selectionStart);
                var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd);
                var endSelection     = field.value.substring(field.selectionEnd);
        }
        
        
        if (window.ActiveXObject) {
                textRange.text = startTag + currentSelection + endTag;
                textRange.moveStart('character', -endTag.length-currentSelection.length);
                textRange.moveEnd('character', -endTag.length);
                textRange.select();  
        } else { // Ce n'est pas IE
                field.value = startSelection + startTag + currentSelection + endTag + endSelection;
                field.focus();
                field.setSelectionRange(startSelection.length + startTag.length, startSelection.length + startTag.length + currentSelection.length);
        }      
}
//-->
//]]>
</script>
  </head>
  <body><h1>

      <span>Html tag insertion par insertTag dans un textarea
      </span></h1>
      <div>
        <p>
          <span>
            <input type="button" value="Gras" onclick="insertTag('<b>', '</b>', 'textarea')" /> 
            <input type="button" value="Souligner" onclick="insertTag('<u>', '</u>', 'textarea')" /> 
            <input type="button" value="Barrer" onclick="insertTag('<del>', '</del>', 'textarea')" /> 
            <input type="button" value="Italique" onclick="insertTag('<i>', '</i>', 'textarea')" /> 
            <input type="button" value="Centrer" onclick="insertTag('<p align=\'center\'>', '</p>', 'textarea')" /> 
            <input type="button" value="Droite" onclick="insertTag('<p align=\'right\'>', '</p>', 'textarea')" />
          </span>

        </p>
      </div>
      <span>
<textarea id="textarea" cols="100" rows="10">
</textarea>
      </span>
     
    
  </body>
</html>


Tu peux bien sur le faire dans un seul textarea sur une page qui en comporte plusieurs , puisque tu te sert de

"getElementById(textareaId)"!

exemple
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">           
  <head>                   
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />                   
    <meta http-equiv="Content-Style-Type" content="text/css" />                   
    <title>insertion par insertTag dans un textarea                    
    </title>
<script type="text/javascript">
//<![CDATA[
<!--
function insertTag(startTag, endTag, textareaId, tagType) {
        var field = document.getElementById(textareaId);
        field.focus();
        
        if (window.ActiveXObject) {
                var textRange = document.selection.createRange();            
                var currentSelection = textRange.text;
        } else {
                var startSelection   = field.value.substring(0, field.selectionStart);
                var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd);
                var endSelection     = field.value.substring(field.selectionEnd);
        field.focus();
        }
        
        
        if (window.ActiveXObject) {
                textRange.text = startTag + currentSelection + endTag;
                
                 
        } else { 
                field.value = startSelection + startTag + currentSelection + endTag + endSelection;
                 }      
}
//-->
//]]>
</script>           
  </head>           
  <body><h1>                           
      <span>Texte insertion par insertTag dans un textarea                            
      </span></h1>                               
    <div>                               
      <p>                                       
        <span>                                               
          <input type="button" value="Texte insertion par insertTag" onclick="insertTag('Lorem ipsum dolor sit amet consectetuer at nulla leo vel lacus. Vestibulum nibh urna vel rhoncus amet vel Sed Maecenas risus at.', '', 'textarea', '')" />                                         
        </span>                               
      </p>                       
    </div>                       
    <span>
<textarea id="textarea" cols="100" rows="10">
</textarea>                       
    </span> 
    <span>
<textarea id="textarea2" cols="100" rows="10">
</textarea>                       
    </span>                    
  </body>
</html>


RAD
Chabanus Messages postés 978 Date d'inscription dimanche 23 décembre 2007 Statut Membre Dernière intervention 11 novembre 2011 70
23 déc. 2008 à 00:25
Merci c'est très gentil
bonne soirée
Chabanus Messages postés 978 Date d'inscription dimanche 23 décembre 2007 Statut Membre Dernière intervention 11 novembre 2011 70
25 déc. 2008 à 13:12
Bonjour ccm et joyeux noël a ceux qui le fête ;-) ,
J'ai essayé avec une variable mais cela ne veut pas fonctionner.

 echo"<option value=".$domaine_choisis." onclick='insertTag('".$domaine_choisis."', '', 'textarea', '')'/>".$domaine_choisis."</option>";


S'il vous plait y a t-il une erreur ?
Merci