experteer/autocompleteTrigger

Show jQuery-UI autocomplete, if a trigger-sign (e.g. @) will be inserted into a textarea or input field

autocompleteTrigger (based on jQuery-UI Autocomplete)

autocompleteTrigger allows you to specify a trigger (e. g. @ like twitter or facebook) and bind it to a textarea or input text field. If a user writes the trigger-sign into the textbox, the autocomplete dialog will displayed and the text after the trigger-sign will be used as search-query for the autocomplete options. If one of the suggested items will be selected, the value and trigger will be added to the textfield.

Requirements

• jQuery (http://www.jquery.com)
• jQuery-UI (http://www.jqueryui.com)
• Caret detection: https://github.com/accursoft/caret

Example

$('input').autocompleteTrigger({
  triggerStart : '@',
  triggerEnd: '',
  source: [
    "Asp",
    "BASIC",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
  ]
});

Demo: http://jsfiddle.net/dmattes/2YRgW