// return the array as json with PHP 4 and Services_JSON
require ‘JSON.php’;
$json = new Services_JSON();
echo $json->encode($results);

This is the code that did the job for me (tested in firefox 2.x) in autocomplete.js inserted at line #40 in function setAutoComplete:

// remove browsers autocomplete
acSearchField.attr(”autocomplete”,”off”);

more info: http://chrisholland.blogspot.com/2004/11/banks-protect-privacy-disable.html

clearAutoComplete is not defined

or

Warnung: variable a hides argument

or

Warnung: variable i hides argument

I dunno what is going wrong here I’ll restart my system now.

Maybe your problem is that you are returning invalid data! Since the script uses jQuery $.getJSON function you should only return JSON.

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

which is an jQuery Autocomplete Plugin and it works very nice even without duplicating the sourcecode (which is not an option in my opinion). It already has some more nice options you should defenetly take a look there anyway even if you wanna start a plugin on your own.

Plug-ins tend to embed code to give freedom to the user, allowing multiple configurations for different usages. My code tend to fulfill my own needs and most of the times they won’t have a lot of configuration. Sometimes it can be better if your needs are similar to mine, reducing the code and making it simpler.

The code responsible for populating the list is:

newData += '<div class="unselected">' + json[i] + '</div>';

So you would need to add a link tag, like this for instance:

newData += '<div class="unselected"> <a href="address">' + json[i] + '</a></div>';

That’s way it will be clickable. For the red, blue thing your PHP script will probably need to send more information to the JavaScript code so then you can decide watch address to link.

I hope you could understand.

Bye.

Can anyone help?

@All: Hello - this is a great short-method fix for what I needed to do, however, I do have a small inconvenience with it:

The list returned is actually longer than the window it’s on. Is there a way to turn the results into a scroll-barred list or maybe make it so that the list overlays on top of the window itself so the complete list can show?

I hope I explained that right…

Due to my Ubuntu install limiting me to PHP v5.1.2 currently I’ve had to use a 3rd party JSON encoder.

Ended up adapting rewriting it for the purpose.

Available at: http://dev.enjoyonline.co.uk/auto/ar_json_encoder.php.txt

I’ll be coming back to keep up with your other work, thanks - Aaron.

i have a question, how do i configure it to have a comma on every input

example

name1, name2, name3

whats happening now is when i put a comma on name1 then i choose again another name for example name2, name1 will be replaced by name2

another question is:

why is that when i input a word with one instace in my array in doesnt show up on the list but when i input with another input with many instances of that word it will show on list

thanks in advance and great job on the code

because i’m using php v.5.1.1 so i try to download zend framework from
http://framework.zend.com/
(since there is a require file : Zend/Json/encoder.php)
but the problem still happens
i suppose it is caused by the version of the zend framework.
Could someone help me,please?

Cheers.
Thanks.
Thi Ha

if(empty($results)){
$msg[0]= “No matching”;
echo json_encode($msg);
}else{
echo json_encode($results);
}

Another question is where to change the font size, it looks smaller.
thanks
thi ha

$(function(){
setAutoComplete(”searchField”, “results”, “autocomplete.php?part=”);
setAutoComplete(”searchField2″, “results2″, “autocomplete2.php?part=”);
});

this doesn’t work and i don’t know why… if anybody could help me please…!!!

P.D.- Sorry about my english, I know it’s not very good looking… jejejeje…

It requires data in format:
[”item1″,”item2″,…]
and JSON is something like:
{0:”item1″,1:”item2″,…}

Is this a bug or it should be that way?

Did you ever complete the multiple input-field auto-complete version (pun intended)? I am modifying a website that used your initial plug-in and if there was indeed an updated version of your plug-in, it would save some work.

If not, that is okay - I’ll write my own. Duplicating code (as was suggested for multiple fields) is for script-kiddies - not for programmers

I came up with this hack (working, if not perfect, I couldn’t get to just prevent the blur event). It replaces and complements the line “on blur listener” in the original.

scrollFlag = false;

acResultsDiv.mousedown(function(){ scrollFlag = true; });
acResultsDiv.mouseleave(function(){
if ( scrollFlag ) {
scrollFlag = false;
acSearchField.focus();
}
});

// on blur listener
acSearchField.blur(function(){ if ( scrollFlag == false ) { setTimeout(function () {clearAutoComplete()}, 200) } });