Page 1 of 1

Expand/Collapse all fieldsets nested in a tab of a tabview

Posted: 06 Jun 2011, 12:05
by romalex
Hello,

is there a way to parse every fieldset nested inside a tab and expand/collapse it using javascript ?
Thank you very much.

Romalex.

Re: Expand/Collapse all fieldsets nested in a tab of a tabvi

Posted: 13 Jun 2011, 08:54
by romalex
Hi,

my own answer, if this can help :

Code: Select all

function expandAllFld(callerElement){
    var form = callerElement.form;
    var allFsets = form.getElementsByTagName('fieldset');
    var fset = null;
    var input = null;
    var span = null;
    var div = null;
    if (callerElement.checked){
        //Expand all fieldsets
         for (var i=0; i<allFsets.length; i++)
         {
             fset = allFsets[i];
             input = fset.getElementsByTagName('input');
             if (input[0].value == 'true') {
                 input[0].value = 'false';
                 div = fset.getElementsByTagName('div');
                 div[0].style.display = '';
                 span = fset.getElementsByTagName('span');
                 span[0].className = "ui-fieldset-toggler ui-icon ui-icon-minusthick";
             }
         }
    }
    else {
        //Collapse all fieldsets
        for (i=0; i<allFsets.length; i++)
         {
             fset = allFsets[i];
             input = fset.getElementsByTagName('input');
             if (input[0].value == 'false') {
                 input[0].value = 'true';
                 div = fset.getElementsByTagName('div');
                 div[0].style.display = 'none';
                 span = fset.getElementsByTagName('span');
                 span[0].className = "ui-fieldset-toggler ui-icon ui-icon-plusthick";
             }
         }
    }
}
Best regards.

Romalex

Re: Expand/Collapse all fieldsets nested in a tab of a tabvi

Posted: 13 Jun 2011, 09:02
by cagatay.civici
Fieldset also has simpler client side api method called widgetVar.toggle().