LAMP On Focus

jSuggest Enhanced updated to 1.1

I was looking for a lightweight simple auto-complete using jQuery, found a perfect one that fits my requirement, enter jSuggest an excellent lightweight auto-complete control based on the beautiful jQuery.

However I needed some extra’s like,

• Trigger callback function on a ‘Click’ / Selection from the drop down.
• Highlight the search keywords in the drop down list.
• Support for JSON data

and do I hooked up these minor enhancements to the core.

You can download the patched version from the link at the bottom of this post.

Data Format

The dataFormat Option defaults to “json” format, other supported format is “html”

dataFormat: "json"

Highlight Keywords

The highlight Option defaults to “true” for highlighting search keywords on the dropdown.

highlight: true

The actual display differentiation has to be done on the CSS level for the high light to show.

#jSuggestContainer ul li var{background:#FFCC65; font-weight:bold;}

On Select Callback

The onSelect Option defaults to “” (empty), When a callback function name is given, the given function is called with the selected text.

onSelect: "callback_function_name"

Hope this helps some one.

Original Contol at : Keansphere (jSuggest)
Patched file : Enhanced jSuggest