Javascript suggestion dans textarea

Marsh Posté le 18-03-2021 à 14:07:42

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

Reply

Marsh Posté le 18-03-2021 à 14:07:42

Reply

Marsh Posté le 18-03-2021 à 15:07:55

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

Reply

Marsh Posté le 18-03-2021 à 17:09:54

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

---------------
http://www.ypikay.com

Reply

Javascript suggestion dans textarea

Sujets relatifs:

Leave a Replay