thox/ajax/collapse.js

// $Id: collapse.js,v 1.3 2006/02/07 02:29:06 unconed Exp $

if (isJsEnabled()) {
  addLoadEvent(collapseAutoAttach);
}

function collapseAutoAttach() {
  var fieldsets = document.getElementsByTagName('fieldset');
  var legend, fieldset;
  for (var i = 0; fieldset = fieldsets[i]; i++) {
    if (!hasClass(fieldset, 'collapsible')) {
      continue;
    }
    legend = fieldset.getElementsByTagName('legend');
    if (legend.length == 0) {
      continue;
    }
    legend = legend[0];
    var a = document.createElement('a');
    a.href = '#';
    a.onclick = function() {
      toggleClass(this.parentNode.parentNode, 'collapsed');
      if (!hasClass(this.parentNode.parentNode, 'collapsed')) {
        collapseScrollIntoView(this.parentNode.parentNode);
      }
      this.blur();
      return false;
    };
    a.innerHTML = legend.innerHTML;
    while (legend.hasChildNodes()) {
      removeNode(legend.childNodes[0]);
    }
    legend.appendChild(a);
    collapseEnsureErrorsVisible(fieldset);
  }
}

function collapseEnsureErrorsVisible(fieldset) {
  if (!hasClass(fieldset, 'collapsed')) {
    return;
  }
  var inputs = [];
  inputs = inputs.concat(fieldset.getElementsByTagName('input'));
  inputs = inputs.concat(fieldset.getElementsByTagName('textarea'));
  inputs = inputs.concat(fieldset.getElementsByTagName('select'));
  for (var j = 0; j<3; j++) {
    for (var i = 0; i < inputs[j].length; i++) {
      if (hasClass(inputs[j][i], 'error')) {
        return removeClass(fieldset, 'collapsed');
      }
    }
  }
}

function collapseScrollIntoView(node) {
  var h = self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
  var offset = self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  var pos = absolutePosition(node);
  if (pos.y + node.scrollHeight > h + offset) {
    if (node.scrollHeight > h) {
      window.scrollTo(0, pos.y);
    } else {
      window.scrollTo(0, pos.y + node.scrollHeight - h);
    }
  }
}
1	// $Id: collapse.js,v 1.3 2006/02/07 02:29:06 unconed Exp $
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	}
26	this.blur();
27	return false;
28	};
29	a.innerHTML = legend.innerHTML;
30	while (legend.hasChildNodes()) {
31	removeNode(legend.childNodes[0]);
32	}
33	legend.appendChild(a);
34	collapseEnsureErrorsVisible(fieldset);
35	}
36	}
37
38	function collapseEnsureErrorsVisible(fieldset) {
39	if (!hasClass(fieldset, 'collapsed')) {
40	return;
41	}
42	var inputs = [];
43	inputs = inputs.concat(fieldset.getElementsByTagName('input'));
44	inputs = inputs.concat(fieldset.getElementsByTagName('textarea'));
45	inputs = inputs.concat(fieldset.getElementsByTagName('select'));
46	for (var j = 0; j<3; j++) {
47	for (var i = 0; i < inputs[j].length; i++) {
48	if (hasClass(inputs[j][i], 'error')) {
49	return removeClass(fieldset, 'collapsed');
50	}
51	}
52	}
53	}
54
55	function collapseScrollIntoView(node) {
56	var h = self.innerHeight \|\| document.documentElement.clientHeight \|\| document.body.clientHeight \|\| 0;
57	var offset = self.pageYOffset \|\| document.documentElement.scrollTop \|\| document.body.scrollTop \|\| 0;
58	var pos = absolutePosition(node);
59	if (pos.y + node.scrollHeight > h + offset) {
60	if (node.scrollHeight > h) {
61	window.scrollTo(0, pos.y);
62	} else {
63	window.scrollTo(0, pos.y + node.scrollHeight - h);
64	}
65	}
66	}