создание твиттера, такого как окно поиска с автоматическим предложением в рельсах

Пожалуйста, те, кто знает, как создать твиттер или фейсбук, например, окно поиска с автоматическим предложением? я уже некоторое время пытаюсь реализовать это... вот код, который я получил от введите здесь описание ссылки .

 <div class="search_index">


 <div id = "testsearch">
 <%=render :partial => 'search'%> // partial where the updated search elements will appear from 
 </div>

<%=form_tag(search_path,:method=>'get',:remote=>true) do%>

   <%=text_field_tag :search%>
   <%= submit_tag "search" ,:name=>nil%>

<%end%>

<%= set_focus_to_id 'search' %>  // I have a helper "set_focus_to_id"



<script> // small javascript file :)

 document.observe("dom:loaded", function() {   // ensures the page is loaded first
 new Form.Element.Observer(                    // Observes the text_field_tag every 2     seconds
  'search',
   2,
   respondToChange                         //refrences the function in the Layout      
   )                                         // on a change in search calls   respondToChange
  });

  </script>

  </div>

по тегу у меня есть

 <script>
 function respondToChange() {
 $('search').up('form').submit()            // The ".up finds the form in the DOM"
 };
 </script>

Код не работает, даже не отвечает.

пожалуйста, кто-нибудь знает, как реализовать эту функцию более эффективно

мне действительно нужна помощь с этим


person Innocent Akhidenor    schedule 26.09.2012    source источник
comment
Вы можете взглянуть на некоторые хорошие плагины автозаполнения, например, автозаполнение пользовательского интерфейса jQuery.   -  person Thomas Klemm    schedule 27.09.2012
comment
вы смотрели на автозаполнение jquery? jqueryui.com/demos/autocomplete   -  person Mutmatt    schedule 27.09.2012
comment
Существует также популярная интеграция этого плагина jQuery с Rails.   -  person Thomas Klemm    schedule 27.09.2012


Ответы (1)


Хорошим вариантом является использование уже существующего скрипта:

  1. http://tweet.seaofclouds.com/
  2. http://jquery.malsup.com/twitter/

Они создали свой собственный, и у него есть несколько особенностей, которые стоит учитывать. Или даже используя.

person Nate-Wilkins    schedule 27.09.2012