Creating a Cross-Browser (DOM) Expandable Tree
by Volker Weber
As a user interface designer for Web applications, I find that there is a constant need (read: demand) for certain UI components across the board. The most commonly requested component is an expandable/collapsible tree, often referred to as an explorer tree (referring to its use in Microsoft Windows Explorer).
Previously, it could take a lot of time and effort to create a tree that could work in both Internet Explorer and Netscape Navigator. With recent improvements in Internet Explorer and Netscape, however, it is possible to make an expandable tree without needing any browser detection whatsoever.
This article will focus on building a JavaScript tree. The target browsers for this tree are Internet Explorer 5.0 and Netscape 6.1 (Netscape 6.0 had many bugs that could affect the proper display of the tree). This tree will be built with cross-browser code that works on both IE5 and NS6, so that the code requires no browser detection to work on these two browsers (note that if your users may still be using IE4 or NS4, you will need to do an additional browser detect to see if you can use the code in this article).
Comments
Recent comments
Jens Bruntt on Free PlayBook for your Android app submission at 11:47
Karl Heindel on Outlook to Notes converter: from PST to NSF at 20:26
Roland Dressler on Outlook to Notes converter: from PST to NSF at 15:12
Stephan H. Wissel on heise online: IBM plant Stellenabbau in Deutschland at 08:38
Jan Lauer on heise online: IBM plant Stellenabbau in Deutschland at 04:13
Juergen Heinrich on Balance at 03:29
Jörg Hermann on Girls On Longboards at 02:42
Stephan H. Wissel on heise online: IBM plant Stellenabbau in Deutschland at 23:21
Joerg Michael on heise online: IBM plant Stellenabbau in Deutschland at 21:01
Ben Poole on Outlook to Notes converter: from PST to NSF at 19:46
David Hablewitz on BlackBerry Business Cloud Services with Microsoft Office 365 at 16:44
Patrick Picard on RIM tries to be social. Falls flat on face. at 16:00
Volker Weber on Outlook to Notes converter: from PST to NSF at 10:29
Richard Hogan on Outlook to Notes converter: from PST to NSF at 10:26
Joachim Haydecker on Girls On Longboards at 08:26
Karl Heindel on Outlook to Notes converter: from PST to NSF at 07:50
Keith Brooks on Outlook to Notes converter: from PST to NSF at 04:21
David Hablewitz on Outlook to Notes converter: from PST to NSF at 01:38
Karl Heindel on Outlook to Notes converter: from PST to NSF at 22:44
Martin Hiegl on Outlook to Notes converter: from PST to NSF at 20:16
Max Nierbauer on Outlook to Notes converter: from PST to NSF at 19:10
Richard Schwartz on Outlook to Notes converter: from PST to NSF at 18:09
David Hablewitz on Outlook to Notes converter: from PST to NSF at 17:43
Sean Harris on Outlook to Notes converter: from PST to NSF at 16:59
Darren Adams on Outlook to Notes converter: from PST to NSF at 16:53
Click here to subscribe
Post a comment