Javascript Girl
  1. Javascript Girl
  3. JQuery autocomplete à distance avec hashtags
Intereting Posts
La fonction asynchrone au mocha avant () est toujours terminée avant elle () spec? Déterminer le texte dans un DIV est en gras Google Charts – L'animation Graphique Graphique ne fonctionne pas Obtenir l'étiquette de script actuellement en cours d'exécution, en appuyant dynamiquement Comment choisir entre Node.js et JXcore? Quand utiliser var en Javascript Changement de champ de saisie du mot de passe du texte au mot de passe sur le focus / type? Le navigateur Chrome n'est pas capable de faire un appel de serveur lorsque l'aperçu avant impression est ouvert Comment écrire un test qui attend qu'une erreur soit lancée dans Jasmine? Encodage de conversation UTF-8 à 1251 en javascript Comment redimensionner Twitter Bootstrap modal dynamiquement en fonction du contenu Comptez le nombre de cases sélectionnées sans recharger la page? Détection de collision en toile html5 L'audio ne fonctionne pas avec phoneGap Comment traduire tout le site Web avec Google Translate

JQuery autocomplete à distance avec hashtags

J'ai trouvé une solution parfaite pour mes idées chez Stackoverflow. Ce code détecte @ tags et un autocompleter anable pour les mots personnalisés. 

jQuery(function(){ function getCaretPosition(e) { if (typeof e.selectionStart == 'number') { return e.selectionStart; } else if (document.selection) { var range = document.selection.createRange(); var rangeLength = range.text.length; range.moveStart('character', -e.value.length); return range.text.length - rangeLength; } } function setCaretPosition(e, start, end) { if (e.createTextRange) { var r = e.createTextRange(); r.moveStart('character', start); r.moveEnd('character', (end || start)); r.select(); } else if (e.selectionStart) { e.focus(); e.setSelectionRange(start, (end || start)); } } function getWordBeforeCaretPosition(e) { var s = e.value; var i = getCaretPosition(e) - 1; while (i >= 0 && s[i] != ' ') { i = i - 1; } return i + 1; } function getWordBeforeCaret(e) { var p = getWordBeforeCaretPosition(e); var c = getCaretPosition(e); return e.value.substring(p, c); } function replaceWordBeforeCaret(e, word) { var p = getWordBeforeCaretPosition(e); var c = getCaretPosition(e); e.value = e.value.substring(0, p) + word + e.value.substring(c); setCaretPosition(e, p + word.length); } jQuery("#"+commentAreaId).bind("keydown", function(event){ if (event.keyCode === jQuery.ui.keyCode.TAB && jQuery(this).data("autocomplete").menu.active ) { event.preventDefault(); } }) .autocomplete({ minLength: 2, source: function(request, response) { var w = getWordBeforeCaret(this.element[0]); if (w[0] != '@') { this.close(); return false; } response(jQuery.ui.autocomplete.filter(completerData, w.substring(1, w.length))); return true; }, focus: function() { return false; }, search: function(event, ui) { return true; }, select: function(event, ui) { replaceWordBeforeCaret(this, ui.item.label + '|' + ui.item.value ); return false; } }); });

Mais je ne comprends pas, comment le faire fonctionner avec une source de données distante via JSON. Y a-t-il des réalisations plus propres et parfaites? Merci