History: ShowHideModulesAndColumns
Preview of version: 3
See the menus over on http://TikiMODS.com for an example. There you can also see an implementation of using the same icons to "flip" entire modules, as well as the entire left and right columns, all with saved states. I used only what is already in tiki-js.js.
OK here it is. First an example of a module. I used the Last Changes module because most of us use it on our sites. I included the Hot Key for quick focus using ALT-C:
Copy to clipboard
{if $tiki_p_edit eq 'y'} <div class="box"> {tikimodule name="quick_edit"}<a href="javascript:icntoggle('flipquickedit');" class="flipmodtitle"><img src="img/icons/ofo.gif" name="flipquickediticn" class="flipmodimage" alt='Show/Hide Menu'/><u>C</u>reate/Edit Page</a> {/tikimodule} <div id="flipquickedit" class="flip-data"> <form method="get" action="tiki-editpage.php"> {if $categId}<input type="hidden" name="categId" value="{$categId}" />{/if} {if $templateId}<input type="hidden" name="templateId" value="{$templateId}" />{/if} {if $heading}<div class="body-data">{$heading}</div>{/if} <input type="text" size="19" name="page" accesskey="c" value="PageName..." onblur="if(this.value=='')this.value='PageName...';" onfocus="if this.value=='PageName...')this.value='';" /> <input type="submit" name="quickedit" value="{$submit}" /> </form> {else} <!-- no perm --> {/if} {literal} setfolderstate('flipquickedit'); {/literal} </div> </div>
-- colorado