It’s been a while since my last post, and I’ve got a lot of great ideas to get down on blog, but first I’d like to announce a new version of jquery.suggest. Some new features include:
- Improved cross-browser compatibility (tested to work the same across Firefox/Safari/IE6/IE7)
- Cache bug has been fixed that caused suggestions to “forget” to hide
- Moved some stylings from JavaScript to CSS
- Cleaned up code, started heavy commenting
- Not exactly a new feature, but jquery.suggest will soon be on jQuery’s plugin page
For more information, please see this previous post. While the plugin works in Opera, it’s not perfect (which is why I didn’t mention it above) and I’m still working on it.
Download it here (example CSS here) and give me some feedback.
Tags: 80 Comments
[...] jQuery Suggest [...]
[...] jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter. AutoCompleter (Tutorial with PHP&MySQL). quick Search jQuery Plugin. [...]
Your documentation sucks, I lost whole day configuring it to work with post method
[...] jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter. AutoCompleter (Tutorial with PHP&MySQL). quick Search jQuery Plugin. [...]
When last resp. first element and using arrow down resp. up go to first resp. last element in list.
function nextResult() {
if (($currentResult = getCurrentResult())) {
if (!$currentResult.next(’li’).get(0)) {
$currentResult.removeClass(options.selectClass);
$results.children(’li:first-child’).addClass(options.selectClass);
} else
$currentResult.removeClass(options.selectClass).next().addClass(options.selectClass);
} else
$results.children(’li:first-child’).addClass(options.selectClass);
}
function prevResult() {
if (($currentResult = getCurrentResult())) {
if (!$currentResult.prev(’li’).get(0)) {
$currentResult.removeClass(options.selectClass);
$results.children(’li:last-child’).addClass(options.selectClass);
} else
$currentResult.removeClass(options.selectClass).prev().addClass(options.selectClass);
} else
$results.children(’li:last-child’).addClass(options.selectClass);
}
Very bad autocomplet, i lost one day trying to work well, cache does not work and is really slow, i suggest this one:
http://www.pengoworks.com/workshop/jquery/autocomplete.htm
[...] jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter. AutoCompleter (Tutorial with PHP&MySQL). quick Search jQuery Plugin. [...]
[...] jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter. AutoCompleter (Tutorial with PHP&MySQL). quick Search jQuery Plugin. [...]
Hi Peter,
Great script! I noticed that I really had to do a lot of work to tweak it towards my websites theme…what would be great is if the script were updated to support styling easier. The most trouble I had (and didn’t really want to bother with was shifting the .ac_results element by modifying the left value.
Would be great if we could specify somehow a way to add an offset so we can adjust where to place it specifically.
Thanks! Keep up the great work!
Dave
Hi Peter,
Sorry I didn’t clarify that comment! Haha. I do see that you have an options object that can be set, but it only lets you adjust the height – what about the width?
Thanks!
Are you still working on an upcoming new version? I am sure waiting among others for it.
Thanks this is great job man
About “tabs bug”. I resolve this problem in the following way:
Find in suggest.js next strings:
resetPosition();
$(window)
.load(resetPosition)
.resize(resetPosition);
and then replace them on this:
$input.focus(function(){ resetPosition(); })
In that way offsets will be computed when the input is on focus and it’s visible, so offsets mast be sure.
[...] Content rater with asp.net, ajax and jQuery. Half-Star Rating Plugin. æœç´¢æ’件(Search Plugins)jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery [...]
[...] jQuery Suggest. [...]
[...] jQuery Suggest. [...]
[...] jQuery Suggest. [...]
[...] jQuery Suggest. [...]
[...] jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter. AutoCompleter (Tutorial with PHP&MySQL). quick Search jQuery Plugin. [...]
I’ve got the weirdest problem (ONLY IE7, FIREFOX WORKS FINE!):
The input field with jquery.suggest attached, often doesn’t respond to letters a, e, u, i and o. Has anybody experienced this problem before?
Try for example:
http://www.hypotheekbond.nl/aanmelden-tussenpersoon
And try to type “financieel” in the first field. It won’t work…
[...] A few people have contacted in the past about what I did to get IDs to work on Peter’s Script over at vulgarisoips.com (see the original post here). [...]
Hello All:
Several people have emailed me about adding an object ID to the item selected in the suggest box (see my other comment above). I documented what I did and dropped it on my web site:
http://chrisschuld.com/2008/07/jquery-suggest-1-2/
Peter: definitely interested to see the next version; thanks again!
Thanks, Chris
[...] jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter. AutoCompleter (Tutorial with PHP&MySQL). quick Search jQuery Plugin. [...]
[...] jQuery Suggest. [...]
[...] jQuery.Suggest [...]
[...] project that I am working on I wanted to make use of a type ahead input box for searching. I found Peter Vulgaris’s jQuery Suggest which worked well. The thing is the results for the suggest that I was returning where not just [...]
Hello,
cool work, but i had also the Problem, that the suggest should start by 1 char (DIRECT AFTER PAGE LOAD). I’m speaking of setting minchars to 1. (minchars: 1)
This didn’t work for me out of the box with the firefox so i went into debugging. I found out, that the Problem occurs, cause the “prevLength” property is instantly set to 0. The condition in line 100 prevents showing the suggestions. I set prevLength to -1 so this Problem won’t occur any more (maybe it should be more tested).
I hope i could/will help somebody with that info.
Greetz
Joey
PS: sry, for the bad english.
[...] jQuery Suggest. jQuery Autocomplete. jQuery Autocomplete Mod. jQuery Autocomplete by AjaxDaddy. jQuery Autocomplete Plugin with HTML formatting. jQuery Autocompleter. AutoCompleter (Tutorial with PHP&MySQL). quick Search jQuery Plugin. [...]
hi
i am using this script in my page but when i call it in dub div its not working , i am using CodeIgniter…
[...] jQuery Suggest jQuery Autocomplete jQuery Autocomplete Mod jQuery Autocomplete by AjaxDaddy jQuery Autocomplete Plugin with HTML formatting jQuery Autocompleter AutoCompleter (Tutorial with PHP&MySQL) quick Search jQuery Plugin [...]