High-Tech Santé Médecine Droit-Finances

Test

Netbook HP mini 110

Rechercher : dans
Par :

Javascript ajouter valeur onclick="insertTag&

Dernière réponse le 27 nov 2008 à 20:29:28 darkchristophetd, le 26 nov 2008 à 19:45:07 
 Signaler ce message aux modérateurs

Bonjour,
Je sais que en javascript, on peut, en cliquant sur un bouton, ajouter du texte dans un textarea.
Mais je ne connais rien en javascript.
Je crois que c'est avec onclick="insertTag".
Si quelqu'un pourrait me donner le code pour, ce serait vraiment sympa :D
Merci beaucoup

Configuration: Windows XP
Firefox 2.0.0.18

Meilleures réponses pour « Javascript ajouter valeur onclick="insertTag& » dans :
Javascript - Effacer un champ de formulaire lors du clic (focus) Voir
Sed - Insertion de texte VoirInsérer du texte dans un fichier Introduction Syntaxe Ajout de texte Insérer une ligne avec "i" Ajouter une ligne avec "a" Échanger une ligne avec "c" Introduction Il est parfois utile de pouvoir insérer du texte en en-tête d'un ou...
Liste simplement chaînée VoirLISTES SIMPLEMENT CHAINÉES Requis I. INTRODUCTION II. Définition III. La construction du prototype d'un élément de la liste IV. Opérations sur les listes chaînées A. Initialisation B. Insertion d'un élément dans la liste 1. Insertion...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - L'objet Date VoirLes particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La...
Posez votre question Répondre

1

RAD ZONE, le 26 nov 2008 à 22:29:46
  • +3

Voila un 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>                 
  </body>
</html>


MAIS en general on s en sert plutot pour des tag html !

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


RAD
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

2

darkchristophetd, le 27 nov 2008 à 20:08:05

Je vais essayer merci beaucoup

   
Répondre à darkchristophetd

3

darkchristophetd, le 27 nov 2008 à 20:20:15

Génial !!!
merci bcp ça marche nickel :DD

   
Répondre à darkchristophetd

4

 RAD ZONE, le 27 nov 2008 à 20:29:28

:-))

j ai mis resolu

a+

RAD
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net