home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / CMS / drupal-6.0.exe / drupal-6.0 / misc / tableselect.js < prev    next >
Encoding:
JavaScript  |  2007-11-19  |  3.6 KB  |  88 lines
  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. };
  88.