Change Log
- Fixed: Handling multiple spaces in keywords.
- Fixed: On empty results drop down border visible.
- Added: Keyword highlighting can now be either as string/words
Highlight Mode
The hlMode Option defaults to “string” mode, other supported format is “word”
On the drop down when keyword high lighting is on, till now the highlighting was done only as a string, Now it can be done as both string or word, like.,
when search is as “apple fruit” and the search result is “apple is a fruit” if the hlMode is set to word then both apple and fruit in the drop down will be highlighted.
highlight: true,
hlMode: "string"
Download :
jquery.jSuggest.1.1
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
I was looking for a lightbox like control which is easy to customize.
Landed on a excellent control “facebox“. As we needed some additional functionality in addition to the ones available I have made some enhancements to it.
Create Modal Window
Clicking on the overlay layer or the Esc key will not close the window, forcing the user to respond to the popup window.
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({modal:true})
});
Switch off footer
Does not display the footer div on the popup.
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({footer:''})
});
Replace the content of the window.
This addition allows you to replace the content of the loaded Facebox window with a new content. Quite handy if you want to display response of a form submit from within the modal window.
$.facebox.content(<new_content>);
//Example.,
$.get('http://www.domainname.com/form/submit/url.php', 'params', function(data){$.facebox.content(data)})
Hope these changes will be helpfull for some one.
Download the modified version : Facebox Extended
