// add toggles to hide/show nodelets and main_content { var tbl = document.getElementById('titlebar-bottom'); var cel = document.createElement('td'); tbl.rows[0].appendChild(cel); cel.width = "20%"; cel.align = "right"; // add toggle to hide/show main_content txt = document.createTextNode( 'Hide Main Body' ); cel.appendChild(txt); chk = document.createElement('input'); cel.appendChild(chk); chk.type = 'checkbox'; chk.name = 'hide_mainbody'; chk.id = 'hide_mainbody'; chk.onclick = function(){ var chk = document.getElementById('hide_mainbody'); var state = chk.checked ? 'none' : 'table-cell'; element_of_tag_and_class('td','main_content').style.display = state; } // add toggle to hide/show nodelets var txt = document.createTextNode( 'Hide Nodelets' ); cel.appendChild(txt); var chk = document.createElement('input'); cel.appendChild(chk); chk.type = 'checkbox'; chk.name = 'hide_nodelets'; chk.id = 'hide_nodelets'; chk.onclick = function(){ var chk = document.getElementById('hide_nodelets'); var state = chk.checked ? 'none' : 'table-cell'; element_of_tag_and_class('td','nodelets').style.display = state; } } // presumes only one. returns first found. function element_of_tag_and_class(tagname,classname) { var elems = document.getElementsByTagName(tagname); var i; for ( i = 0; i < elems.length; i++ ) { if ( elems[i].className == classname ) { return( elems[i] ); } } }