Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1718 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Javascript suggestion dans textarea

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Javascript suggestion dans textarea

n°2379402
erwan83
Du Shift DEL tu te méfieras !
Posté le 18-03-2021 à 14:07:42  profilanswer
 

Bonjour.
Je ne suis pas à l'aise avec le JS
Je voudrais faire une suggestion genre twitter quand on tape "@" il déroule une liste.
J'ai trouvé l'exemple ici https://bevacqua.github.io/horsey/ (bas de page dans une textarea)
 
Mais je ne vois pas comment s'imbriquent les Body/Div/Textarea etc etc en code JS et comment ça se retranscrit.
 
en gros dans l'exemple, la page se nomme horsey
dans cette page horsey il y a une div et une textarea qui s'appelle "ta"
 
ils disent d'ajouter ce code mais chez moi rien ne marche !!!

Code :
  1. horsey(document.querySelector('textarea'), {
  2.   source: [{ list: [
  3.     { value: '@michael', text: 'Michael Jackson' },
  4.     { value: '@jack', text: 'Jack Johnson' },
  5.     { value: '@ozzy', text: 'Ozzy Osbourne' }
  6.   ]}],
  7.   getText: 'text',
  8.   getValue: 'value',
  9.   anchor: '@'
  10. });


 
j'ai donc testé en local dans un fichier test.html que voici :

Code :
  1. <!doctype html>
  2. <head>
  3. <script>
  4. void function () {
  5.   'use strict';
  6.   test(document.querySelector('#ta'), {
  7.     source: [{ list: [
  8.       { value: '@michael', text: 'Michael Jackson' },
  9.       { value: '@jack', text: 'Jack Johnson' },
  10.       { value: '@ozzy', text: 'Ozzy Osbourne' }
  11.     ]}],
  12.     getText: 'text',
  13.     getValue: 'value',
  14.     anchor: '@'
  15.   });
  16. }();
  17. </script>
  18. </head>
  19. <body>
  20. <div id="test" name="test">
  21. <textarea id="ta" autocomplete="off">Add a mention somewhere in the textarea, using an at-sign like in emails. For example, you can type @michael. The cursor will actually follow you, pretty nice!</textarea>
  22. </div>
  23. </body>
  24. </html>


 
Si vous avez la gentillesse de répondre, merci de m'expliquer (je suis une bille en JS)
 
MERCI BEAUCOUP


---------------
https://www.halp.fr
mood
Publicité
Posté le 18-03-2021 à 14:07:42  profilanswer
 

n°2379412
mechkurt
Posté le 18-03-2021 à 15:07:55  profilanswer
 

Je crois que tu as raté la partie ou il inclut sa bibliothèque (ce n'est pas du javascript "natif" il faut ajouter du code pour créer ce comportement)...
 
En l'occurrence en regardant le code source il faut rajouter une balise script avec cette source : https://bevacqua.github.io/horsey/dist/horsey.js
Ou disponible ici : https://github.com/bevacqua/horsey
 
Mas si tu n'y connais rien (et que tu n'est pas plus que ça intéressé pour comprendre) tu te lances peut-être dans quelque chose de trop gros.
Quel est le projet exactement ?
 


---------------
D3
n°2379424
erwan83
Du Shift DEL tu te méfieras !
Posté le 18-03-2021 à 17:09:54  profilanswer
 

Salut. merci pour la réponse.
Il s'agit d'un groupe de discussion et la dernière fois un utilisateur a répondu en utilisant @mechkurt (exemple) je me suis dit que j'allais reflechir à la chose


---------------
https://www.halp.fr

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Javascript suggestion dans textarea

 

Sujets relatifs
Javascript API / Recuperer le resultat[Javascript] - Supprimer un élément ajouté dynamiquement
[Résolu] [JS] Besoin d’aide sur réalisation d’un convertisseur dec/hex[Bug] Un plugin Wordpress fait disparaître des effets javascript
[Résolu] Performance Elementor et One Page, trop de CSS et JavascriptFonction javascript
[javascript]-Détecter les changements des checkbox[Javascript] Désélectionner un choix d'un select
[Javascript] CORS et API callsLive Search Javascript
Plus de sujets relatifs à : Javascript suggestion dans textarea


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR