Css ou html aide!

david161616 Messages postés 6 Statut Membre -  
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je voudrais faire une liste de mots, et je voudrais que quand je clique dessus, ce mots s'écrie dans la fenêtre du textarea(form)!

Je voudrais le code qui me permettrai de faire action : quand je sélectionne il s'écrive dans la fenêtre pour écrire (textarea)
Svp
Merci d'avance pour votre aide

3 réponses

  1. inspiring Messages postés 1936 Statut Membre 265
     
    Bonjour,

    ni HTML ni CSS, c'est du javascript pour effectuer ce type d'action.

    chaque mot est representé par un lien (ou un bouton) et le clic récupère sa valeur (ou attribut) pour "l'injecté" dans le textarea

    Avec ou sans utilisation de jQuery?
    2
  2. david161616 Messages postés 6 Statut Membre
     
    bonjour, je ne mis connais pas trop en java...script...jquerty,
    si vous pouvez me donnez un exemple en javascript
    sa m'aiderai beaucoup

    cordialement (le plus simple pour vous)
    0
  3. codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
     
    bonsoir
    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>Test liste</title>
      <script src="[http://code.jquery.com/jquery-1.10.2.js]"></script>
      <script>
      $(function() {
        $( "#liste li" ).click(function(){
    
      var motRecuperer = $(this).text() ;
      $( "#sortie" ).text(motRecuperer.trim(''));
     
     });
      });
      </script>
    </head>
    <body>
     
    <ul id="liste">
     <li>
      pomme
     </li>
     <li>
      peche
     </li>
     <li>
      poire
     </li>
     <li>
      abricot
     </li>
    </ul>
     
     
     <textarea id="sortie" style="width:600px;height:400px;"></textarea>
     
     
    </body>
    </html>
    


    EDIT : Ajout des balises de code.
    Explications disponibles ici :
    https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
    0