I just noticed that the form_tag does an ajax call when a submit
button is pressed, but when it is submitted via a
Form.Element.Observer it goes by html.
Does anyone know how can I force the Form.element.Observer to send an
ajax call instead of an html call.
On Nov 14, 9:06 am, Anh Tang <anhnta...@gmail.com> wrote:
> Thanks for posting...I've been trying to figure out how to do the same
> thing.
>
> On Sat, Nov 13, 2010 at 8:39 PM, MDM <don.m...@gmail.com> wrote:
> > Here is my full code if anyone is interested. This code Observes the
> > text_field_tag "search" every 2 seconds and if there is a change in
> > the value it triggers a search automatically. The submit button can
> > now be done away with I think. I might add ":autocomplete =>
> > "off", :onKeyPress=>"return disableEnterKey(event)") %>" to the
> > text_field_tag to disable the return key, not sure.
>
> > In my index.html.erb I have:-
>
> > <h1>Listing homepages</h1>
> > <div id = "testsearch">
> > <%=render :partial => 'homepage'%>
> > </div>
> > <%= form_tag homepages_path, :method => 'get', :remote => true do
> > %>
> > <%= label_tag(:search, "Search for:") %>
> > <%= text_field_tag :search, params[:search]%>
> > <%= submit_tag "search", :name => nil %>
> > <%end%>
>
> > <%= set_focus_to_id 'search' %> // I have a helper
> > "set_focus_to_id"
>
> > <script>
> > 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 <head>
> > ) // on a
> > change in search calls respondToChange
> > });
> > </script>
> > <br />
> > <%= link_to 'New Homepage', new_homepage_path %>
>
> > In my application Layout head I have:_
>
> > <script>
> > function respondToChange() {
> > $('search').up('form').submit() // The ".up finds the
> > form in the DOM"
> > };
> > </script
>
> > In my controller#index I have:-
>
> > def index
> > �...@homepages = Homepage.search(params[:search]) //".search method
> > is in the Model"
> > respond_to do |format|
> > format.html # index.html.erb
> > format.xml { render :xml => @homepages }
> > format.js
> > end
> > end
>
> > In my Model I have:-
>
> > def self.search(search_item)
> > if search_item
> > self.where('section LIKE ?', "%#{search_item}%") //Handles
> > the ajax call.
> > else
> > self.all //Handles
> > the html call on startup.
> > end
> > end
>
> > In the helper I have:-
>
> > def set_focus_to_id(id)
> > javascript_tag("$('#{id}').focus()");
> > end
>
> > In the "_homepage" partial I have:-
>
> > <table>
> > <tr>
> > <th>Id</th>
> > <th>Section</th>
> > <th>Link</th>
> > <th>Description</th>
> > <th></th>
> > <th></th>
> > <th></th>
> > </tr>
>
> > <% for homepage in @homepages %>
>
> > <tr>
> > <td><%= homepage.id %></td>
> > <td><%= homepage.section %></td>
> > <td><%= homepage.link %></td>
> > <td><%= homepage.description %></td>
> > <td><%= link_to 'Show', homepage %></td>
> > <td><%= link_to 'Edit', edit_homepage_path(homepage) %></td>
> > <td><%= link_to 'Destroy', homepage, :confirm => 'Are you
> > sure?', :method => :delete %></td>
> > </tr>
> > <%end%>
>
> > </table>
>
> > And in the index.js.erb I have:-
>
> > $('testsearch').update("<%= escape_javascript(render :partial =>
> > 'homepage') %>");
>
> > If anyone has any comments on how I could improve this please contact
> > me or say so.
>
> > On Nov 14, 1:18 am, MDM <don.m...@gmail.com> wrote:
> > > Walter Many thanks I have cracked it.
>
> > > $('search').up('form').submit()
>
> > > I will post the whole code later. I owe you a drink. Contact me on
> > > donsgarden.co.uk
>
> > > Don
>
> > > On Nov 13, 1:48 pm, Walter Lee Davis <wa...@wdstudio.com> wrote:
>
> > > > On Nov 12, 2010, at 9:08 PM, MDM wrote:
>
> > > > > With thanks to "themiddleman" and "agnaki" somewhere out there in the
> > > > > ether, I have solved the problem:-
>
> > > > > Use respondToChange not respondToChange()
>
> > > > > As the parensthesis () execute the function wheras without () it
> > > > > references it.
>
> > > > > $('search').observe('change', respondToChange()); only triggers when
> > > > > the focus is moved away from the text_field.
>
> > > > > new Form.Element.Observer(
> > > > > 'search',
> > > > > 1,
> > > > > respondToChange()
> > > > > ) }); ................................repeatedly checks the
> > text_field
> > > > > and call the function every 1 second if there is a any change.
>
> > > > > I now only have one small problem.
> > > > > How to call the "form_tag" from the function.
> > > > > Anyone have any ideas.
>
> > > > You might try this.up('form') inside your function, as inside the
> > > > anonymous function, this is set to the 'search' field. If that doesn't
>
> > > > work, you can always do it long-hand with myForm = $
> > > > ('search').up('form').
>
> > > > Walter
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Ruby on Rails: Talk" group.
> > To post to this group, send email to rubyonrails-t...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > rubyonrails-talk+unsubscr...@googlegroups.com<rubyonrails-talk%2bunsubscr...@googlegroups.com>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/rubyonrails-talk?hl=en.
--
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Talk" group.
To post to this group, send email to rubyonrails-t...@googlegroups.com.
To unsubscribe from this group, send email to
rubyonrails-talk+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en.
