erwan83 Du Shift DEL tu te méfieras ! | 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 :
- horsey(document.querySelector('textarea'), {
- source: [{ list: [
- { value: '@michael', text: 'Michael Jackson' },
- { value: '@jack', text: 'Jack Johnson' },
- { value: '@ozzy', text: 'Ozzy Osbourne' }
- ]}],
- getText: 'text',
- getValue: 'value',
- anchor: '@'
- });
|
j'ai donc testé en local dans un fichier test.html que voici :
Code :
- <!doctype html>
- <head>
- <script>
- void function () {
- 'use strict';
- test(document.querySelector('#ta'), {
- source: [{ list: [
- { value: '@michael', text: 'Michael Jackson' },
- { value: '@jack', text: 'Jack Johnson' },
- { value: '@ozzy', text: 'Ozzy Osbourne' }
- ]}],
- getText: 'text',
- getValue: 'value',
- anchor: '@'
- });
- }();
- </script>
- </head>
- <body>
- <div id="test" name="test">
- <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>
- </div>
- </body>
- </html>
|
Si vous avez la gentillesse de répondre, merci de m'expliquer (je suis une bille en JS)
MERCI BEAUCOUP ---------------
http://www.ypikay.com
|
