public/javascripts/jquery.livequery.min.js @@ -4,7 +4,7 @@ <head> <title><%= h(yield(:title) || "Untitled") %></title> <%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" %> - <%= javascript_include_tag 'application' %> + <%= javascript_include_tag 'jquery.livequery.min', 'application' %> <%= stylesheet_link_tag 'application' %> <%= yield(:head) %> </head> app/views/layouts/application.html.erb @@ -19,9 +19,9 @@ namespace = "project[tasks_params][#{index}]" <% end %> <tr id="<%= id if defined?(id) %>"> <td> - <%= hidden_field_tag "#{namespace}[id]", task.id unless task.new_record? %> + <%= hidden_field_tag "#{namespace}[id]", task.id, :class => '_id' unless task.new_record? %> <%= check_box_tag "#{namespace}[_delete]", "0", !task._delete, :class => '_keep' %> - <%= hidden_field_tag "#{namespace}[_delete]", "1" %> + <%= hidden_field_tag "#{namespace}[_delete]", "1", :class => '_delete' %> </td> <td> <%= text_field_tag "#{namespace}[name]", task.name %> app/views/projects/_edit_task.html.erb @@ -1,28 +1,33 @@ -// Place your application-specific JavaScript functions and classes here -// This file is automatically included by javascript_include_tag :defaults - -$(document).ready(function() { - $('a.add-another').each(function(i, link) { - link = $(link); - - link.show(); +$('a.add-another').livequery(function() { + var link = $(this); + + link.show(); + + var clonable = $('#' + link.attr('rel')); + clonable.hide(); + + link.bind('click', function() { + clone = clonable.clone().attr('id', ''); + clone.find('input._keep').attr('checked', true); - var clonable = $('#' + link.attr('rel')); - clonable.hide(); - - link.bind('click', function() { - clone = clonable.clone().attr('id', ''); - clone.find('input._keep').attr('checked', true); - - var index = parseInt(Math.random()*10000); - clone.find('input,select,textarea').each(function(i, obj) { - obj.name = obj.name.replace('template', index); - }); - - clonable.before(clone.show()); - return false; + var index = parseInt(Math.random()*10000); + clone.find('input,select,textarea').each(function(i, obj) { + obj.name = obj.name.replace('template', index); + obj.id = obj.id.replace('template', index); }); - + + clonable.before(clone.show()); + return false; }); }); +$('._keep').livequery(function() { + var box = $(this); + box = $(box); + box.bind('change', function() { + box.parents('tr').find('input,select,textarea').each(function(i, obj) { + obj = $(obj); + if (!obj.hasClass('_keep') && !obj.hasClass('_delete') && !obj.hasClass('_id')) obj.attr('disabled', !box.attr('checked')); + }); + }); +}); public/javascripts/application.js 9e6c46136d92518dd7c0c9338a1b014c3afa80b2 Lance Ivy lance@cainlevy.net http://github.com/cainlevy/complex-form-examples/commit/2b5337a4d166c6e924b9534ae4b726fbdf334d02 2b5337a4d166c6e924b9534ae4b726fbdf334d02

2008-12-14T15:03:56-08:00

javascript usability enhancements - disable a row when the checkbox is unchecked af6b0d1b253f4b1796dfeb97b91427db2d393cc1 Lance Ivy lance@cainlevy.net