Mercurial > defr > drupal > core

comparison misc/collapse.js @ 1:c1f4ac30525a 6.0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Drupal 6.0
author Franck Deroche <webmaster@defr.org>
date Tue, 23 Dec 2008 14:28:28 +0100
parents
children
comparison
equal deleted inserted replaced
0:5a113a1c4740 1:c1f4ac30525a
1 // $Id: collapse.js,v 1.17 2008/01/29 10:58:25 goba Exp $
2
3 /**
4 * Toggle the visibility of a fieldset using smooth animations
5 */
6 Drupal.toggleFieldset = function(fieldset) {
7 if ($(fieldset).is('.collapsed')) {
8 // Action div containers are processed separately because of a IE bug
9 // that alters the default submit button behavior.
10 var content = $('> div:not(.action)', fieldset);
11 $(fieldset).removeClass('collapsed');
12 content.hide();
13 content.slideDown( {
14 duration: 'fast',
15 easing: 'linear',
16 complete: function() {
17 Drupal.collapseScrollIntoView(this.parentNode);
18 this.parentNode.animating = false;
19 $('div.action', fieldset).show();
20 },
21 step: function() {
22 // Scroll the fieldset into view
23 Drupal.collapseScrollIntoView(this.parentNode);
24 }
25 });
26 }
27 else {
28 $('div.action', fieldset).hide();
29 var content = $('> div:not(.action)', fieldset).slideUp('fast', function() {
30 $(this.parentNode).addClass('collapsed');
31 this.parentNode.animating = false;
32 });
33 }
34 };
35
36 /**
37 * Scroll a given fieldset into view as much as possible.
38 */
39 Drupal.collapseScrollIntoView = function (node) {
40 var h = self.innerHeight || document.documentElement.clientHeight || $('body')[0].clientHeight || 0;
41 var offset = self.pageYOffset || document.documentElement.scrollTop || $('body')[0].scrollTop || 0;
42 var posY = $(node).offset().top;
43 var fudge = 55;
44 if (posY + node.offsetHeight + fudge > h + offset) {
45 if (node.offsetHeight > h) {
46 window.scrollTo(0, posY);
47 } else {
48 window.scrollTo(0, posY + node.offsetHeight - h + fudge);
49 }
50 }
51 };
52
53 Drupal.behaviors.collapse = function (context) {
54 $('fieldset.collapsible > legend:not(.collapse-processed)', context).each(function() {
55 var fieldset = $(this.parentNode);
56 // Expand if there are errors inside
57 if ($('input.error, textarea.error, select.error', fieldset).size() > 0) {
58 fieldset.removeClass('collapsed');
59 }
60
61 // Turn the legend into a clickable link and wrap the contents of the fieldset
62 // in a div for easier animation
63 var text = this.innerHTML;
64 $(this).empty().append($('<a href="#">'+ text +'</a>').click(function() {
65 var fieldset = $(this).parents('fieldset:first')[0];
66 // Don't animate multiple times
67 if (!fieldset.animating) {
68 fieldset.animating = true;
69 Drupal.toggleFieldset(fieldset);
70 }
71 return false;
72 }))
73 .after($('<div class="fieldset-wrapper"></div>')
74 .append(fieldset.children(':not(legend):not(.action)')))
75 .addClass('collapse-processed');
76 });
77 };