Here is what I have done.
1. In controller: auto_complete_for :search, :string 2. Layouts/search.rhtml <%=javascript_include_tag :defaults %> 3. Views/search: <%= text_field_with_auto_complete 'search', 'string', :size => 35 %>
Any idea what I am missing?
Thank you, Lynn
lynn wrote:
Here is what I have done.
1. In controller: auto_complete_for :search, :string 2. Layouts/search.rhtml <%=javascript_include_tag :defaults %> 3. Views/search: <%= text_field_with_auto_complete 'search', 'string', :size => 35 %>
Any idea what I am missing?
Do you have a public link to the site or is it only on localhost? I would like to see the generated HTML
- Carsten
Carsten,
It's local. Very simple app at this point. I can send you the page source if you'd like.
Thanks, Lynn
lynn wrote:
Carsten,
It's local. Very simple app at this point. I can send you the page source if you'd like.
Yes try that - I THINK that the problem is in your HTML.
Also have a look at your development.log´. When you type in your input field, you should see activity in the log, that it is processing a request. If there is no activity, the AJAX request is not sent.
- Carsten
Thanks Carsten. HTML for search and result pages below.
Search page:
<script src="/javascripts/prototype.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/effects.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/dragdrop.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/controls.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/application.js?1212690262" type="text/ javascript"></script>
<link href="/stylesheets/main.css?1210776622" media="screen" rel="stylesheet" type="text/css" /> <html> <header> </header> <body>
<p> <form action="/search/search_results" method="post"><div style="margin: 0;padding:0"><input name="authenticity_token" type="hidden" value="04d8c182c846392371131641b0a6537a24fd002c" /></div> <style type="text/css"> div.auto_complete { width: 350px; background: #fff; } div.auto_complete ul { border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; } div.auto_complete ul li { margin:0; padding:3px; } div.auto_complete ul li.selected { background-color: #ffb; } div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; } </style><input id="search_string" name="search[string]" size="35" type="text" /><div class="auto_complete" id="search_string_auto_complete"></div><script type="text/javascript"> //<![CDATA[ var search_string_auto_completer = new Ajax.Autocompleter('search_string', 'search_string_auto_complete', '/ search/auto_complete_for_search_string', {}) //]]> </script> <input name="commit" type="submit" value="Search" /> </form> </p>
</body> <footer></footer> </html>
search_results
<script src="/javascripts/prototype.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/effects.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/dragdrop.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/controls.js?1212690262" type="text/ javascript"></script> <script src="/javascripts/application.js?1212690262" type="text/ javascript"></script>
<link href="/stylesheets/main.css?1210776622" media="screen" rel="stylesheet" type="text/css" /> <html> <header> </header> <body> <html>
<h1>Search Results</h1>
<body> <ul>
<li> <a href="/search/show/101">data</a></li>
.................................................... </ul> </body> </html> </body> <footer></footer> </html>
Carsten,
HTML source in below message.
Not sure what I am looking for in this development log to determine if an AJAX request has been sent, but a search for AJAX turned up empty. 'handle_request' is everywhere.
thanks again, Lynn