Mercurial > defr > drupal > core
diff misc/tableselect.js @ 1:c1f4ac30525a 6.0
Drupal 6.0
author | Franck Deroche <webmaster@defr.org> |
---|---|
date | Tue, 23 Dec 2008 14:28:28 +0100 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/misc/tableselect.js Tue Dec 23 14:28:28 2008 +0100 @@ -0,0 +1,87 @@ +// $Id: tableselect.js,v 1.8 2007/11/19 12:15:16 goba Exp $ + +Drupal.behaviors.tableSelect = function (context) { + $('form table:has(th.select-all):not(.tableSelect-processed)', context).each(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; + }); + $(this).addClass('tableSelect-processed'); +}; + +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 (jQuery.filter(to, [i]).r.length) { + break; + } + } +};