1 /*

     2  * Expandable fieldsets

     3  */

     4 

     5 var expander_onload = function()

     6 {

     7   var sets = document.getElementsByTagName('fieldset');

     8   if ( sets.length < 1 )

     9     return false;

    10   var init_us = [];

    11   for ( var index = 0; index < sets.length; index++ )

    12   {

    13     var mode = sets[index].getAttribute('enano:expand');

    14     if ( mode == 'closed' || mode == 'open' )

    15     {

    16       init_us.push(sets[index]);

    17     }

    18   }

    19   for ( var k = 0; k < init_us.length; k++ )

    20   {

    21     expander_init_element(init_us[k]);

    22   }

    23 }

    24 

    25 function expander_init_element(el)

    26 {

    27   // get the legend tag

    28   var legend = el.getElementsByTagName('legend')[0];

    29   if ( !legend )

    30     return false;

    31   // existing content

    32   var existing_inner = legend.innerHTML;

    33   // blank the innerHTML and replace it with a link

    34   legend.innerHTML = '';

    35   var button = document.createElement('a');

    36   button.className = 'expander expander-open';

    37   button.innerHTML = existing_inner;

    38   button.href = '#';

    39   

    40   legend.appendChild(button);

    41   

    42   button.onclick = function()

    43   {

    44     try

    45     {

    46       expander_handle_click(this);

    47     }

    48     catch(e)

    49     {

    50       console.debug('Exception caught: ', e);

    51     }

    52     return false;

    53   }

    54   

    55   if ( el.getAttribute('enano:expand') == 'closed' )

    56   {

    57     expander_close(el);

    58   }

    59 }

    60 

    61 function expander_handle_click(el)

    62 {

    63   if ( el.parentNode.parentNode.tagName != 'FIELDSET' )

    64     return false;

    65   var parent = el.parentNode.parentNode;

    66   if ( parent.getAttribute('enano:expand') == 'closed' )

    67   {

    68     expander_open(parent);

    69   }

    70   else

    71   {

    72     expander_close(parent);

    73   }

    74 }

    75 

    76 function expander_close(el)

    77 {

    78   var children = el.childNodes;

    79   for ( var i = 0; i < children.length; i++ )

    80   {

    81     var child = children[i];

    82     if ( child.tagName == 'LEGEND' )

    83     {

    84       var a = child.getElementsByTagName('a')[0];

    85       $(a).rmClass('expander-open');

    86       $(a).addClass('expander-closed');

    87       continue;

    88     }

    89     if ( child.style )

    90     {

    91       child.expander_meta_old_state = child.style.display;

    92       child.style.display = 'none';

    93     }

    94   }

    95   el.expander_meta_padbak = el.style.padding;

    96   el.setAttribute('enano:expand', 'closed');

    97 }

    98 

    99 function expander_open(el)

   100 {

   101   var children = el.childNodes;

   102   for ( var i = 0; i < children.length; i++ )

   103   {

   104     var child = children[i];

   105     if ( child.tagName == 'LEGEND' )

   106     {

   107       var a = child.getElementsByTagName('a')[0];

   108       $(a).rmClass('expander-closed');

   109       $(a).addClass('expander-open');

   110       continue;

   111     }

   112     if ( child.expander_meta_old_state && child.style )

   113     {

   114       child.style.display = child.expander_meta_old_state;

   115       child.expander_meta_old_state = null;

   116     }

   117     else

   118     {

   119       if ( child.style )

   120       {

   121         child.style.display = null;

   122       }

   123     }

   124   }

   125   if ( el.expander_meta_padbak )

   126   {

   127     el.style.padding = el.expander_meta_padbak;

   128     el.expander_meta_padbak = null;

   129   }

   130   else

   131   {

   132     el.style.padding = null;

   133   }

   134   el.setAttribute('enano:expand', 'open');

   135 }

   136 

   137 addOnloadHook(expander_onload);