drupal/misc/tableselect.js

// $Id: tableselect.js,v 1.12 2009/04/27 20:19:35 webchick Exp $
(function ($) {

Drupal.behaviors.tableSelect = {
  attach: function (context, settings) {
    $('form table:has(th.select-all)', context).once('table-select', Drupal.tableSelect);
  }
};

Drupal.tableSelect = function () {
  // Do not add a "Select all" checkbox if there are no rows with checkboxes in the table
  if ($('td input:checkbox', this).size() == 0) {
    return;
  }

  // Keep track of the table, which checkbox is checked and alias the settings.
  var table = this, checkboxes, lastChecked;
  var strings = { 'selectAll': Drupal.t('Select all rows in this table'), 'selectNone': Drupal.t('Deselect all rows in this table') };
  var updateSelectAll = function (state) {
    $('th.select-all input:checkbox', table).each(function () {
      $(this).attr('title', state ? strings.selectNone : strings.selectAll);
      this.checked = state;
    });
  };

  // Find all <th> with class select-all, and insert the check all checkbox.
  $('th.select-all', table).prepend($('<input type="checkbox" class="form-checkbox" />').attr('title', strings.selectAll)).click(function (event) {
    if ($(event.target).is('input:checkbox')) {
      // Loop through all checkboxes and set their state to the select all checkbox' state.
      checkboxes.each(function () {
        this.checked = event.target.checked;
        // Either add or remove the selected class based on the state of the check all checkbox.
        $(this).parents('tr:first')[ this.checked ? 'addClass' : 'removeClass' ]('selected');
      });
      // Update the title and the state of the check all box.
      updateSelectAll(event.target.checked);
    }
  });

  // For each of the checkboxes within the table.
  checkboxes = $('td input:checkbox', table).click(function (e) {
    // Either add or remove the selected class based on the state of the check all checkbox.
    $(this).parents('tr:first')[ this.checked ? 'addClass' : 'removeClass' ]('selected');

    // If this is a shift click, we need to highlight everything in the range.
    // Also make sure that we are actually checking checkboxes over a range and
    // that a checkbox has been checked or unchecked before.
    if (e.shiftKey && lastChecked && lastChecked != e.target) {
      // We use the checkbox's parent TR to do our range searching.
      Drupal.tableSelectRange($(e.target).parents('tr')[0], $(lastChecked).parents('tr')[0], e.target.checked);
    }

    // If all checkboxes are checked, make sure the select-all one is checked too, otherwise keep unchecked.
    updateSelectAll((checkboxes.length == $(checkboxes).filter(':checked').length));

    // Keep track of the last checked checkbox.
    lastChecked = e.target;
  });
};

Drupal.tableSelectRange = function (from, to, state) {
  // We determine the looping mode based on the the order of from and to.
  var mode = from.rowIndex > to.rowIndex ? 'previousSibling' : 'nextSibling';

  // Traverse through the sibling nodes.
  for (var i = from[mode]; i; i = i[mode]) {
    // Make sure that we're only dealing with elements.
    if (i.nodeType != 1) {
      continue;
    }

    // Either add or remove the selected class based on the state of the target checkbox.
    $(i)[ state ? 'addClass' : 'removeClass' ]('selected');
    $('input:checkbox', i).each(function () {
      this.checked = state;
    });

    if (to.nodeType) {
      // If we are at the end of the range, stop.
      if (i == to) {
        break;
      }
    }
    // A faster alternative to doing $(i).filter(to).length.
    else if ($.filter(to, [i]).r.length) {
      break;
    }
  }
};

})(jQuery);
1	// $Id: tableselect.js,v 1.12 2009/04/27 20:19:35 webchick Exp $
2	(function ($) {
3
4	Drupal.behaviors.tableSelect = {
5	attach: function (context, settings) {
6	$('form table:has(th.select-all)', context).once('table-select', Drupal.tableSelect);
7	}
8	};
9
10	Drupal.tableSelect = function () {
11	// Do not add a "Select all" checkbox if there are no rows with checkboxes in the table
12	if ($('td input:checkbox', this).size() == 0) {
13	return;
14	}
15
16	// Keep track of the table, which checkbox is checked and alias the settings.
17	var table = this, checkboxes, lastChecked;
18	var strings = { 'selectAll': Drupal.t('Select all rows in this table'), 'selectNone': Drupal.t('Deselect all rows in this table') };
19	var updateSelectAll = function (state) {
20	$('th.select-all input:checkbox', table).each(function () {
21	$(this).attr('title', state ? strings.selectNone : strings.selectAll);
22	this.checked = state;
23	});
24	};
25
26	// Find all <th> with class select-all, and insert the check all checkbox.
27	$('th.select-all', table).prepend($('<input type="checkbox" class="form-checkbox" />').attr('title', strings.selectAll)).click(function (event) {
28	if ($(event.target).is('input:checkbox')) {
29	// Loop through all checkboxes and set their state to the select all checkbox' state.
30	checkboxes.each(function () {
31	this.checked = event.target.checked;
32	// Either add or remove the selected class based on the state of the check all checkbox.
33	$(this).parents('tr:first')[ this.checked ? 'addClass' : 'removeClass' ]('selected');
34	});
35	// Update the title and the state of the check all box.
36	updateSelectAll(event.target.checked);
37	}
38	});
39
40	// For each of the checkboxes within the table.
41	checkboxes = $('td input:checkbox', table).click(function (e) {
42	// Either add or remove the selected class based on the state of the check all checkbox.
43	$(this).parents('tr:first')[ this.checked ? 'addClass' : 'removeClass' ]('selected');
44
45	// If this is a shift click, we need to highlight everything in the range.
46	// Also make sure that we are actually checking checkboxes over a range and
47	// that a checkbox has been checked or unchecked before.
48	if (e.shiftKey && lastChecked && lastChecked != e.target) {
49	// We use the checkbox's parent TR to do our range searching.
50	Drupal.tableSelectRange($(e.target).parents('tr')[0], $(lastChecked).parents('tr')[0], e.target.checked);
51	}
52
53	// If all checkboxes are checked, make sure the select-all one is checked too, otherwise keep unchecked.
54	updateSelectAll((checkboxes.length == $(checkboxes).filter(':checked').length));
55
56	// Keep track of the last checked checkbox.
57	lastChecked = e.target;
58	});
59	};
60
61	Drupal.tableSelectRange = function (from, to, state) {
62	// We determine the looping mode based on the the order of from and to.
63	var mode = from.rowIndex > to.rowIndex ? 'previousSibling' : 'nextSibling';
64
65	// Traverse through the sibling nodes.
66	for (var i = from[mode]; i; i = i[mode]) {
67	// Make sure that we're only dealing with elements.
68	if (i.nodeType != 1) {
69	continue;
70	}
71
72	// Either add or remove the selected class based on the state of the target checkbox.
73	$(i)[ state ? 'addClass' : 'removeClass' ]('selected');
74	$('input:checkbox', i).each(function () {
75	this.checked = state;
76	});
77
78	if (to.nodeType) {
79	// If we are at the end of the range, stop.
80	if (i == to) {
81	break;
82	}
83	}
84	// A faster alternative to doing $(i).filter(to).length.
85	else if ($.filter(to, [i]).r.length) {
86	break;
87	}
88	}
89	};
90
91	})(jQuery);