• Let the user minimize/maximise some part of Your GUI to have more space on demand
  • Working in all browser
  •  Use cookieJar script also in this section

Method to put in Your <HEAD> html document:

var CookieJar = new TDCookieJarObj();  CookieJar.setPath("/"); function FoldByName(iImageID, sMenuID) {
if (document.getElementById(sMenuID).style.display == 'none') {
document.getElementById(sMenuID).style.display = 'block';
document.images[iImageID].src='up.gif';
document.images[iImageID].alt='Minimize';
document.images[iImageID].title='Minimize';
CookieJar.setCookie(sMenuID,"open");
} else {
document.getElementById(sMenuID).style.display = 'none'; document.images[iImageID].src='down.gif'; document.images[iImageID].alt='Maximize'; document.images[iImageID].title='Maximize';
CookieJar.setCookie(sMenuID,"close");
} }


Example of use, here I want to hide the title on demand because it take a lot of space....The user has now a switch on-switch off icon where He can minimize on demand  this part of the GUI
<a href="javascript:FoldByName('TITLE','TITLE2');"><img name='ButtonExpand' id='TITLE' src='down.gif' alt='hide the title' align='AbsMiddle' style='border-width:0px;' /></a> <div class=smallText id='TITLE2'>
<H1> This is an Example</H1> </div> <script language='Javascript'>cookie = CookieJar.getCookie("TITLE2");if ( cookie == "close" )FoldByName('TITLE','TITLE2');</script>