I am trying to get this to work with codeigniter http://codeigniter.com
But I can’t figure out how because you are using $_GET
How hart would it be to change this to use $_POST?
Even better to use the input field name in place of ‘part’

setAutoComplete("searchField", "results", "autocomplete.php?searchField=");

Now, to use POST method instead of GET you will need to change some code. Here is what you need to do:

Change the line 84 of autocomplete.js where you read $.getJSON(acURL + part, function(json){ to this:

84
85
86
87
88
89

	$.ajax({
		type: "POST",
		url: acURL,
		data: acSearchField.attr("name") + "=" + part,
		dataType: "json",
		success: function(json){

And then change the old line 121 where you read }); to }});

This little change should be enough to send a POST using the name of the input field as parameter. But please be aware that GET is the standard for requesting data.

If you all like the idea I can write a post exemplifying some methods of the jQuery Ajax library.

Is there any change you could help me, to make this working with more then one input-field per page?

If you can wait I’ll try to post the new release by the end of this week. If not, you can duplicate the code and rename the global variables and functions for each field.

Thank you for the audience.

select id, name from table where name like ‘a%’

so if they see a list like:
albert
allison
etc, whatever names starting in “a” in your table

they could click one of the names and hit submit and go along their way

After you would need to loop through the results adding each returned word to an array, like $names[] = $row['name']. And at last you would need to echo the JSON representation of your array. This way the input field would be populated with your database results.

Now, to submit the chosen value you just need to put the input field inside a form tag and to create a submit button for it.

Let me know if you need further help!

congratz form Brazil

Thanks for taking the time to create the script and write about it, it’s much appreciated!

The PDO extension “provides a data-access abstraction layer, which means that, regardless of which database you’re using, you use the same functions to issue queries and fetch data”.

At http://php.net you can find almost everything you need, including examples. I’m thinking about making another post with complete information about using the script with a database. But here I’ll give you just a snapshot of what you could use, then you should read the manual.

First you need to connect to the database. Then you need to execute a query statement built with the value supplied by the user. Let’s say for example that the input field would require a person’s last name. After you get the “part” typed by the user you need to make a database query to retrieve all last names that have “part”. The sql statement would need to be similar to the following:

SELECT last_name FROM names WHERE last_name LIKE '%part%'

Where “part” needs to be replaced by the value in $_GET[’part’] if you are using the original script. The “%” is a character that matches any number of characters.

After executing this query you need to loop through the results adding each result to an array that will be returned as JSON.

Sorry not to be more specific at this time but I promisse that I’ll make another post soon about working with the database.

Thank you.

Samalah

It’s just that I would like to make a really good post, showing how to implement it to retrieve data from a database for instance. But now I’m busy with other projects. I just need to tune the plug-in a little bit before releasing it.

Keep tuned!

I have a question: I’m a PHP developer and client-side scripting is not my strength at all. Is that possible without massive modifications to send more than one variable to the server-side script? It would be a neat feature if it’s possible, the first thing popped in my mind is a blog where you can search for a thing in a given time quantum.

Any input would be appreciated.

Where it reads autocomplete.php?part= you can write something like the following to send a variable called “newvar”:

setAutoComplete(”searchField”, “results”, “autocomplete.php?newvar=value&part=”);

Remember that part= needs to be in the end. Any other type of customization would imply writing javascript code.

Bye!

No problem for the delay, i resolved the problem exactly like you mentioned it, ironically just after an hour I posted the message here: with server-side injected custom variable harvested from sessions and post data.

Thanks anyway for the answer,
And a very big thank you for the script.

Gary

Thanks!

I am an enginnering graduate and i need to implement this feature in my project. Plaese help me out

by:

$result = mysql_query(”select colores from color ORDER BY colores ASC”,$link);
while($row = mysql_fetch_array($result)){
$colors[] = $row[’colores’];
}

and doesnt appear anything in the input to autocomplete.
what im missing??

I am waiting patiently for the the update to use multiple fields

any idea when you’ll have a chance to look at it?

Thanks

Matt

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

I took the route of placing this code inside the ‘onfocus=’ event for each input. Seems to work quite well so far, with limited testing…

Great script, nice and easy to understand, would like to get my hands on the multiple version if possible? even if it’s just the code without a post, that’d be brilliant.

Please post it!

Thanks for the good work dude,
Matt

This code works really well, I’m using it for a postcode search, but it does tend to slow when there are a lot of results, so I also added:
$part = $_GET[’part’];
$length = strlen($part);
// check the parameter
if(isset($_GET[’part’]) and $_GET[’part’] != ” and $length > 3)
{
Otherwise the script can upset the browser. I am using it to search 56,000 entries, hence the $length stopping the results until the user has entered more then 3 characters.

Hope this helps someone

Great script. Any news when the multiple version will be ready?

Thanks!

grate tutorial.thanks a lot. But I downloaded the sample code. But they didn’t work. I can figure out why is that. Please help. Thanks

Regards!

U have put great script. But can u do favor in some other way. I was in search of same script and found it from u but 1 extra and different requirement is,

Here in your case if I type “r” in textbox red is displayed as a autosuggest list.

I want is if I type “r” in textbox and then click on submit button then red should come in same way as autocomplete you are showing. here extra thing is submit (click event). not sure how can i implement with JSON in your code.

Thanks in advance. If u can help it would be great.

Thanks !!

i made a new auto complete plugin for auto complete which is very simillar to the Facebook search check it out

http://blog.halwsa.net/2010/jquery-autocomplete-search/

Cheers