Acknowledge these alerts for %input#n_hours{ :name => 'n_hours', :type => "number", :min => 0, :max => 48, :value => 2, :style => "min-width: 6ex;"} %select#type_hours{:name => 'type_of_hours' } -# Default to daytime hours %option{ :value => "working" } working %option{ :value => "daytime", :selected => "selected"} daytime %option{ :value => "wallclock" } wall-clock hours %span#ack_until_text %input#ack_until{ :value => '', :type => :hidden, :name => 'ack_until' } %input{ :type => 'submit', :value => 'Go!' } :javascript // Change of value in the hours box $('#n_hours').change( function() { updateDate(); }); // As above, but on keypress, with a delay $('#n_hours').keyup( function() { clearTimeout($.data(this, 'timer')); var wait = setTimeout(updateDate, 500); $(this).data('timer', wait); }); // Same as the n_hours change function $('#type_hours').change( function() { $('#n_hours').change(); }); // Setup the ack text on load. $(document).ready( function() { $('#n_hours').change(); });