Comments on: jQuery JSON Suggest/Search Box

By: Marx

Marx — Wed, 11 Apr 2012 14:59:25 +0000

Gracias/Thanks Tom!

By: Tom Coote

Tom Coote — Sun, 08 Apr 2012 10:34:13 +0000

The reason the form submits is because the event for the return key isn’t being stopped at the suggest box so it carries on going up the event chain until it submits the form. To solve it you need to set up an event that captures the return key press for the suggest box and cancels the event chain. You could either add a keypress event in to the plugin code itself or you could place the auto suggest input box inside a containing element which has a keypress event attached to it. For example;

$(‘div’).keypress(function(e) {
return (e.which !== 13);
});

Something like that anyway!

By: Marx

Marx — Sun, 08 Apr 2012 04:44:57 +0000

Hi Tom,
Thank you for sharing your work!
I have a little problem: when I click the results, it works as expected, but when I press Enter in the selected item, it do a postback. Do you know how could avoid it?

Thank you very much again.

By: Tom Coote

Tom Coote — Sat, 18 Feb 2012 15:42:51 +0000

Hi Pablo. I’ve put the version 2 of this plugin on GitHub. https://github.com/cootetom/jQuery-JSON-Suggest-Search-Box

By: PabloM

PabloM — Fri, 17 Feb 2012 19:50:13 +0000

Is there a repo on github or something? I want to make a little change (include href in found items) and I can’t find the code.

By: John Crennan

John Crennan — Mon, 31 Oct 2011 09:09:12 +0000

just found out my answer

function callback(item) {
setURL = ‘http://www.afltcc.com.au/index.php?option=com_jumi&fileid=78&Itemid=177&SID=’ + item.id;
window.location.assign(setURL)
}

By: Tom Coote

Tom Coote — Mon, 31 Oct 2011 09:08:14 +0000

If you’re passing an array of data to the plugin then the callback function will receive the array item that was selected by the user. So if your array is…

[{id: 1, text: 'one'}, {id: 2, text: 'two'}]

…and the user chooses ‘two’ then the callback will be passed the second item which would be {id: 2, text: ‘two’}. Find inside the function you can then use item.id or item.text for what ever you need.

By: John Crennan

John Crennan — Mon, 31 Oct 2011 08:39:20 +0000

I am using your JSON suggesBox script and still fairly new to javascript.

I am hoping from the result selected to be able to use the item ID as part of a URL

i.e. http://www.sitename.com/index.php?option=com_jumi&fileid=78&Itemid=177&SID={item.id}

but for the life of me cant work out how to do this, I assume that it is in the callback(item) code.
function callback(item) {
alert(‘You selected \” + item.text + ‘\’\n\n’);
}

Any suggestion would be appreciated or if there is a better way to do this.

By: Tom Coote

Tom Coote — Thu, 01 Sep 2011 17:42:46 +0000

I’m not sure how it would perform with that many possible results, slowly at a guess. If you use the max results setting then performance would be better depending on what was searched for.

By: khensolomon

khensolomon — Thu, 01 Sep 2011 17:24:45 +0000

First thing first!

Thank you for your code. It is very hard to find such a nice script. It’s work on every Browsers! I was wondering about one thing: is there any size limitation? Because i have plan to use on chrome extension as dictionary -> auto-suggest and i will have 80000 words or more.

can we have something like:

var FA = str.substr(0,1);
$.getJSON(FA +”_wordlist.txt”,
function(data){
$(‘input#suggestBox3′).jsonSuggest(data, {maxResults:20});
}
);

thank you
khen