Someone mentioned unescape earlier… i noticed this happening in IE6 for Win. so if my result was “Las Vegas” in my suggest popup, when clicked, it would show as “Las%20Vegas” in the input.

after this line:
input.value = ((input.value.length > 0 && /;/i.test(input.value))? (input.value + value[value.length-1]) : value[value.length-1]) + ajaxSuggestions.itemSeparator;

i added this:
input.value = unescape(input.value);

so far working well.

Also, i used this script in conjunction with a dropdown box which changed what it should suggest. I used JS to change the class to a different URL for a different search / suggestions upon changing the dropdown. You have to re-initialize the suggestion script when you change the class on the fly.

ie.
document.getElementById(“my_search”).className = ‘ajax-suggestion url-my_suggest.php’;
ajaxSuggestions.init();

Cheers.

var url = this.currentElm.className.replace(/.*url-([\w\/\?\.-]+).*/, “$1″);

Its actually related to an old post, does the classname parameter supports url in form http://some url:port/ etc. if not can anybody tell the resolution

Hmm, sounds weird with the ampersands. I don’t know what that can be.

Adam,

No idea, actually. I briefly looked over the script, and I can’t see why that would happen. Sorry.

I think it’s a great script and very easy to configure.

I have one problem though – it’s related to the position of the suggestion box against the input box. It’s not always in the same position (vertically) but “moves” right, depending what size the browser window is set to. I.e. 800×600 – it’s aligned as expected. 1024×1768 – slightly right, lets say 10 pixels margin compared to the input field. 1280×1024 – suggestion box starts in the middle if the input field.

Any idea why this is happening? Offset parameters are set 0.

Regards,
Adam

I had the same problem. i used onfocus as well as onkeyup which fixed the issue. this does however make an ajax call everytime you click the input field, but you can easily program it to check if the value has changed before it uses the onfocus call.

I understand the sentiment about Firefox…
What if you were to try events like onclick="doSomething()" instead of the href attribute?

Nothing works in FF. In IE, I get the following behavior:

javascript: alert(“Hello World”); works just fine.
javascript: myFunc(someVar); works if I tab to the result and press enter, but does nothing if I mouse over and click the link.

In Firefox the regular <a>’s work just fine, the javascript ones do nothing, even with a simple javascript: alert(“Hello World”); as the href attribute. Is there a workaround for this?

In IE7 everything works as expected. This has me flummoxed, as I’m supposed to be able to blame my difficulties on IE; I feel guilty for being upset with FF.

Any ideas?

Great to hear!

Thanks for your quick response

I was missing the obvious there!

Its working fine now, thanks again

Ross

In your page receiving the AJAX call, you already use the term to produce the search results, right? Meaning, you can customize any link to Full results in any way you want it in that page too, just add it below the separate search results you already return.

I am currently using your ajax suggestions script on my website, its working amazingly however at the bottom of the search results I would really like to have a link “Full Results” that would allow the user to get more results on a main search page. The problem is that I cant work out how to update this link with the search term at the end. I noticed you currently have this implemented in the search box on your site so i know its possible, but i just cant figure it out

For example the “Full Results” link would update from

search.php?q=

to

search.php?q=searchKeyword

Thanks for reading

Ross

Glad it worked out! Thanks for the tip!

Replace [around line 295]:
input.value = ((input.value.length > 0 && /;/i.test(input.value))? (input.value + value) : value) + ajaxSuggestions.itemSeparator;

With:
if( (input.value.length > 0 && new RegExp(ajaxSuggestions.itemSeparator, "i").test(input.value) ) )
{
var brokenstring=input.value.split(ajaxSuggestions.itemSeparator);
input.value = '';
for (var i = 0; i < (brokenstring.length-1); i++)
{
input.value += brokenstring[i] + ajaxSuggestions.itemSeparator;
}
input.value = input.value + value + ajaxSuggestions.itemSeparator;
}

It seems to be working like a charm, and also takes care of the string you’ve entered and that was searched for (so no more “sugSuggestion” or something like that).

Also, if someone wants to implement this in PHP script and want the suggestion to work only for the last input (separated by itemSeparator, that is), you can do it like me:
$input = trim($_GET['search']);
$input = explode(',', $input); //insert your itemSeparator here!
rsort($input);
$input = array_shift($input);
$input = trim($input);

Hope that helps someone.