Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Are otocomplete.js/otocomplete.css the <a href="http://docs.jquery.com/Plugins/autocomplete" rel="nofollow">autocomplete plugin</a> &amp; its stylesheet? I'll assume that they are.</p> <p>Is there a reason you are putting the autocomplete inside of an ajax method? It works without it.</p> <pre><code>&lt;link rel="stylesheet" type="text/css" href="http://view.jquery.com/trunk/plugins/autocomplete/jquery.autocomplete.css"&gt; &lt;script src="http://view.jquery.com/trunk/plugins/autocomplete/jquery.autocomplete.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $("#example").autocomplete("query.php", { width: 260, selectFirst: false }); }); &lt;/script&gt; </code></pre> <p>Your php file should output one result per line, like so:</p> <pre><code>Gyr Falcon Lanner Falcon Red Falcon ... </code></pre> <p>This is all lifted straight from <a href="http://view.jquery.com/trunk/plugins/autocomplete/demo/" rel="nofollow">http://view.jquery.com/trunk/plugins/autocomplete/demo/</a> but I tested it, so I know it will work.</p> <p>EDIT: I just read that the plugin's author <a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" rel="nofollow">no longer supports it</a>, and recommends using <a href="http://jqueryui.com/demos/autocomplete/#remote-with-cache" rel="nofollow">jQuery UI's autocomplete</a>. Personally, I'm not a big fan of jQuery UI, I just want the author's intent to be represented here.</p> <p>EDIT 2: I didn't realize that you're trying to do some kind of custom UI for the auto suggest. Feel free to ignore this.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload