[Summary view] [Print] [Text view]

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