Aide javascript: Un texte dans un TEXTEREA

Résolu
Chabanus Messages postés 978 Date d'inscription   Statut Membre Dernière intervention   -  
Chabanus Messages postés 978 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 4
Chabanus Messages postés 978 Date d'inscription   Statut Membre Dernière intervention   70
 
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>
0
Réponse 2 / 4
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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
0
Réponse 3 / 4
Chabanus Messages postés 978 Date d'inscription   Statut Membre Dernière intervention   70
 
Merci c'est très gentil
bonne soirée
0
Réponse 4 / 4
Chabanus Messages postés 978 Date d'inscription   Statut Membre Dernière intervention   70
 
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
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse