Women in Technology

Hear us Roar

Article:		Hierarchical Menus with the Underrated style.display Object
Subject:		Simplify hideAll()
Date:		2005-02-04 10:38:15
From:		slipjig

1/ Make all menu tables be of class "menu" 2/ Use a naming convention where the image has the same id as the menu table with 'Img' at the end Example : ... <tr><td> <img id="link2Img" src="minus.gif" width="11" height="11"> link 2</td></tr> <tr><td><table class="menu" id="link2" border = "0"> <tr><td> First sub-menu item ... hideAll() can then be "automated" so tht you don't have to remember to add a line to hideAll if you add a new menu item : function hideAll() { var tables = document.getElementsByTagName("table"); for (var i = 0; i < tables.length; i++) { if (tables[i].className == "menu") { var tid = tables[i].id hideLevel(tid,tid+'Img') } } } tomthecat can still have his "exept" if he wants.

Showing messages 1 through 1 of 1.