misc/collapse.js

   1 // $Id: collapse.js 144 2007-03-28 07:52:20Z thierry $
   2
   3 if (isJsEnabled()) {
   4   addLoadEvent(collapseAutoAttach);
   5 }
   6
   7 function collapseAutoAttach() {
   8   var fieldsets = document.getElementsByTagName('fieldset');
   9   var legend, fieldset;
  10   for (var i = 0; fieldset = fieldsets[i]; i++) {
  11     if (!hasClass(fieldset, 'collapsible')) {
  12       continue;
  13     }
  14     legend = fieldset.getElementsByTagName('legend');
  15     if (legend.length == 0) {
  16       continue;
  17     }
  18     legend = legend[0];
  19     var a = document.createElement('a');
  20     a.href = '#';
  21     a.onclick = function() {
  22       toggleClass(this.parentNode.parentNode, 'collapsed');
  23       if (!hasClass(this.parentNode.parentNode, 'collapsed')) {
  24         collapseScrollIntoView(this.parentNode.parentNode);
  25         if (typeof textAreaAutoAttach != 'undefined') {
  26           // Add the grippie to a textarea in a collapsed fieldset.
  27           textAreaAutoAttach(null, this.parentNode.parentNode);
  28         }
  29       }
  30       this.blur();
  31       return false;
  32     };
  33     a.innerHTML = legend.innerHTML;
  34     while (legend.hasChildNodes()) {
  35       removeNode(legend.childNodes[0]);
  36     }
  37     legend.appendChild(a);
  38     collapseEnsureErrorsVisible(fieldset);
  39   }
  40 }
  41
  42 function collapseEnsureErrorsVisible(fieldset) {
  43   if (!hasClass(fieldset, 'collapsed')) {
  44     return;
  45   }
  46   var inputs = [];
  47   inputs = inputs.concat(fieldset.getElementsByTagName('input'));
  48   inputs = inputs.concat(fieldset.getElementsByTagName('textarea'));
  49   inputs = inputs.concat(fieldset.getElementsByTagName('select'));
  50   for (var j = 0; j<3; j++) {
  51     for (var i = 0; i < inputs[j].length; i++) {
  52       if (hasClass(inputs[j][i], 'error')) {
  53         return removeClass(fieldset, 'collapsed');
  54       }
  55     }
  56   }
  57 }
  58
  59 function collapseScrollIntoView(node) {
  60   var h = self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
  61   var offset = self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  62   var pos = absolutePosition(node);
  63   if (pos.y + node.scrollHeight > h + offset) {
  64     if (node.scrollHeight > h) {
  65       window.scrollTo(0, pos.y);
  66     } else {
  67       window.scrollTo(0, pos.y + node.scrollHeight - h);
  68     }
  69   }
  70 }