Nice events work Tim.
I suppose you already know it, but with Hobo 2.0 you can also add Ajax
callbacks when you prepare an ajax form/button:
<form updates="#table, #list" success="run_this_after_success()">
Regards,
Ignacio
El 15/12/13 16:27, Tim Griffin escribió:
> Hah!
>
> I was close, but needed a few changes.
>
> Firstly I had to use the newer (jQuery 1.7+) ".on()" event handler:
>
> $('#div-permanent-image-controls').on('contentchanged',
> '#div-image-controls', function(){ alert('do stuff'); })
>
> Secondly, I discovered I had to attach the event handler to DOM element
> that was /*always*/ on the page (e.g. a parent element of
> <div-image-controls>). I hadn't realized that as soon as ajax refreshes
> the <div-image-controls> element, its event handler disappears! So, I
> needed to use a "delegated event" as described in jQuery's .on
> <http://api.jquery.com/on/> documentation, attaching the handler to an
> encompassing parent element (and larger div).
>
> So my divs:
>
> <div id="div-permanent-image-controls">
> <div part="div-image-controls">
> ... stuff in the div to be updated ...
> </div>
> </div>
>
> My handler:
>
> jQuery(document).ready(
> function() {
> $('#div-permanent-image-controls').on('contentchanged',
> '#div-image-controls', function(){ alert('do stuff'); })
> }
> );
>
> And the call from the controller's web_method:
>
> hobo_ajax_response( :postamble =>
> "$('#div-image-controls').trigger('contentchanged');" )
>
>
> Tim
>
>
>
> On Sunday, December 15, 2013 9:47:28 AM UTC-5, Tim Griffin wrote:
>
> Yep, always happens. Shortly after posting, I realized I could do this:
>
> hobo_ajax_response( :postamble => ";
> $('#div-image-controls').trigger('contentchanged');" )
>
> Tim
>
>
> On Sunday, December 15, 2013 9:15:25 AM UTC-5, Tim Griffin wrote:
>
> Hi all;
>
> I'm just looking for any suggestions before I do my over
> override of hobo_ajax_response.
>
> On a page, I have a <DIV> element that gets updated by a
> web_method. I'd like to trigger a javascript function when the
> content of that DIV changes. a DIV element doesn't support a
> built-in changed event, but I can bind my own and then trigger
> it when needed:
>
> $('#div-image-controls').bind('contentchanged', function() {
> // do something when the div content has changed
> });
>
> From my web_method, I need to trigger this 'contentchanged'
> event at the time that hobo_ajax_response is being prepared.
>
> I thought about passing my own JS to hobo_ajax_response and
> simply tacking it onto the 'page' string created by
> hobo_ajax_response:
>
> /hobo/lib/hobo/controller.rb:96
> page << "#{function}(#{dom_id.to_json},
> #{part_content.to_json})\n"
>
> This isn't optimal, since it means I have javascript code within
> my controller's web_method, and I'm overriding a core Hobo method.
>
> Is there an easier way that I can't see?
>
> Many thanks,
> Tim
>
>
> --
> You received this message because you are subscribed to the Google
> Groups "Hobo Users" group.
> To unsubscribe from this group and stop receiving emails from it, send
> an email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/hobousers.
> For more options, visit https://groups.google.com/groups/opt_out.
--
Ignacio Huerta Arteche
http://www.ihuerta.net
Teléfono: 0034 645 70 77 35
Email realizado con software libre
--
You received this message because you are subscribed to the Google Groups "Hobo
Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/hobousers.
For more options, visit https://groups.google.com/groups/opt_out.
