ansaurus

Question

jQuery autocomplete not always working on elements

Answer 1

+2 A:

In the first example, you're waiting for jQuery to load and then firing off letsJQuery, which then calls autocomplete, but how do you know that autocomplete has finished loading?

zincorp 2010-06-21 16:32:36

Good question, I find the 'debugger' of Opera a bit limiting, so I'll try something else to check if the AutoComplete has loaded.

PoweRoy 2010-06-21 20:05:23

This is part of the solution I present where I load it in the ajax call, then activate it in the success: portion (and the reason I did it that way). You COULD load the jQuery.js in the ajax, then chain using the other method I illustrated with myother.js for the autocomplete, placing them sequentially.

Mark Schultheiss 2010-06-21 20:43:25

@zincorp thanks for pointing in the right direction (indeed autocomplete was yet loaded), @mark for the tip of chaining

PoweRoy 2010-06-23 14:31:05

Answer 2

+2 A:

If you load the autocomplete in a jquery ajax call, you could then add the autocomplete functionality within the success: of the ajax call

    function includeJS(jsPath) 
    { 
        var script = document.createElement("script"); 
        script.setAttribute("type", "text/javascript"); 
        script.setAttribute("src", jsPath); 
        document.getElementsByTagName("head")[0].appendChild(script); 
    }; 


function setAutocomplete()
    { 
    $("input[type='text']").autocomplete("http://mysite/jquery_autocomplete.php", {         
            dataType: 'jsonp',         
            parse: function(data) {         
                var rows = new Array();         
                for(var i=0; i<data.length; i++){         
                    rows[i] = {          
                        data:data[i],          
                        value:data[i],          
                        result:data[i] };         
                }         
                return rows;         
            },         
            formatItem: function(row, position, length) {         
                return row;         
            }         
        });         
    };
    $.ajax({ 
          url: "http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js", 
          dataType: 'script', 
          cache: true, 
          success:  function(){
                  setAutocomplete();
                  includeJS('js/myother.js'); //another example of loading one on demand
                }
    });

Mark Schultheiss 2010-06-21 17:13:10

if you do the $.ajax isn't it neccesery to add it to the webpage? like the document.createElement('script'); and document.getElementsByTagName('head')[0].appendChild?

PoweRoy 2010-06-21 20:07:13

Yes, but I made the assumption (perhaps in error) that these were all wraped in the jquery wrapper $(document).ready(function(){ // Your code here }); Other than that, just running that function "adds" it to the page DOM attached to that selector.

Mark Schultheiss 2010-06-21 20:13:08

As for the javascript, it it my understanding that this reads like: "Load and execute the script" as the first example here: http://api.jquery.com/jQuery.ajax/ thus it exists in the page.

Mark Schultheiss 2010-06-21 20:24:28

Made the assumption that the autocomplete was included. Added an example to do another a different way as well. (within that function chain)

Mark Schultheiss 2010-06-21 20:29:56

Just a note: I did not edit/change your autocomplete code but simply added it to the function I created so that remains as you had it.

Mark Schultheiss 2010-06-21 20:39:57

Answer 3

A:

Just making sure..

Your not looking for the auto-complete that opera has built in correct? If you are unsure what I mean go to settings -> preferences -> forms tab

On this tab you can type in values which opera will auto suggest when you type into text input fields. Its a bit limiting(which might be why you are doing this) but gets the majority of the common stuff to auto-complete.

corymathews 2010-06-21 18:41:51

I knew about the form tab but it's indeed limiting. Any other browser has autocomplete functionality build in, only not Opera

PoweRoy 2010-06-21 20:03:22

ansaurus

tags:

views:

answers:

jQuery autocomplete not always working on elements

Answer

related questions