So I am wrestling with scriptaculous’s autocomplete form and trying to get hat up adn running. I have it working, but because I have CI’s pretty mod rewrite urls on, it requires a hack to hit the controller directly as well as discard the extra search prameters that you no longer need in order to get it to work. Has anyone else got it up and running with CI’s pretty urls? The hack isn’t that bad, but it is a hack.

Original instructions:
http://wiseguysonly.com/2006/04/14/ajax-autocompletion-for-the-impatient/

scriptaculous hack to make the URL mesh with CI’s pretty rewrite:
in getUpdatedChoices: function() inside controls.js:

becomes

My controller with a hack (explode line) to discard all of the scrptiaculous (search=xxx&_=...):

finally, to call the auto updater I changed the url to accept the controller path as well as the prefix to search for:

Thanks for the contribution.  I’m sure a lot of us will find your hack helpful down the road (or even right now!)

easement, let me second this… thanks for the contribution.  That said, the idea of hacking up the scriptaculous lib didn’t appeal to me, and in fact there is a much easier way to do this.

and in the controller named ‘application’, here is my search function

Well I try dallard code and seeing my JS Errors I get this:

Error: Ajax is not defined
Archivo de origen: http://localhost/sql/entrega
Línea: 53

Why?
Note: I use .htaccess file

Regards,

Reynier:

Ajax is part of the scriptaculous library. Make sure you have the scriptaculous javascript files included in the code that you are rendering.

http://script.aculo.us/downloads

I have included scriptaculous in this way:

So what’s wrong here?
Regards,

Here’s how my page looks. Your code showed up as two closing script tags (I replaced the script with scr1pt so it would show up).

And my autocomplete functin looks like:

And my autocomplete_helper.php inside the system file looks like:

Derek Allard - 06 September 2006 05:31 AM

easement, let me second this… thanks for the contribution.  That said, the idea of hacking up the scriptaculous lib didn’t appeal to me, and in fact there is a much easier way to do this.

// the standard scriptaculous call, my controller name is 'application', function named 'search'
new Ajax.Autocompleter("function_name", "autocomplete_choices", '/application/search/', {});

and in the controller named ‘application’, here is my search function

function search()
    {
        $searchTerm = $this->input->post('function_name'); // autocomplete forces the post var back, so just read it out right here.
        $function_search = $this->functions_model->getFunctionInfo($searchTerm);
        $function_return = '<ul>';
        foreach ($function_search as $func) {
            $function_return .= '<li>' . $func->function_name . '</li>';
        }
        $function_return .= '</ul>';
        echo $function_return;
    }

HEy Derek.
Is there a way to pass in another POST variable back with the AutoCompleter?

For example… a user chooses the state field then comes to the city field… based on the keys he types, the city is populated. But of course, he can go BACK to the state field and change it.. in which case the the AutoCompleter needs to know.

1) How do I pass this extra variable name to the function that gets called? I’ve noticed that only the value in the “function_name” field gets passed back. What if I also wanted to pass another value in a different field?

2) IF solution to #1 is static, is there an “update” for the AutoCompleter that I can invoke once it’s been created?

Yikes!  This thread is nearly 2 years old. Good thing good information never goes out of style!

I subsequently did http://video.derekallard.com, which may help you out, but I’ve long since moved onto jQuery, which I adore, so I’m not much help anymore with scripto - sorry.

Suggested examples
link

I have successfully taken Derek’s code (http://video.derekallard.com/) to create a dynamic information retrieval form. It works great. I now want to add some extra functionality.

I’m building a form where a user will first select their city from a drop down list and then start typing into a text box their town/city which will then automatically appear. Thus, the dynamic retrieval of cities will only select cities from the country selected.

I need to know how to pass the select box data (country) through AJAX along with what the user types into the text box (city/town). I’m guessing I need to add some code to function_search.js in the javascript folder, but am not sure…

Any pointers would be greatly received.
Thanks
Rob