Build an Object-Oriented Tree Control Using JavaScript

Internet.com - The Network for Technology Professionals

Events
- JupiterEvents
- internet.com/webcasts
Jobs
Partners
Solutions
- eBooks
- Video
Shop

Premier Club Log In/Registration

TODAY'S HEADLINES | ARTICLE ARCHIVE | SKILLBUILDING | TIP BANK | SOURCEBANK | FORUMS | NEWSLETTERS

Specialized Dev Zones

Vendor Solutions

eBook Library NEW

Semantic Web NEW

Special Reports

10-Minute Solutions

Download the code for this article

Cascading Style Sheet (CSS1) Reference

All DHTML 10-minute Solutions

All Web Development 10-minute Solutions

Encapsulate Your JavaScript: Keep Private Methods Private

Build A JavaScript Tree Control

DevX: Web Development Zone

This article shows you one way to use object-oriented JavaScript programming applied to an HTML-based Tree control. Can you think of other ways? Do you think people are better off "rolling their own" solutions or using one of the available client-side JavaScript-based UI frameworks? Let us know in the web.dhtml.general discussion group.

Partners & Affiliates

Average Rating: 4.5/5 | Rate this item | 10 users have rated this item.

Print

Build an Object-Oriented Tree Control Using JavaScript

When you need to display hierarchical information in your Web pages, build this Explorer-like tree control by creating only three polymorphic JavaScript objects.

by Tom Duffy

November 8, 2002

n my last article, I demonstrated how to build an Explorer-like tree control using JavaScript. This month's installment focuses on converting the tree control to an object-oriented structure. Such a tree control should be both reusable and easily extended.

How do I build an Explorer-like tree control that is easily extended using object-oriented principles?

Take advantage of JavaScript's polymorphic abilities and the solution is a snap.

Page 1 of 6

Download The Code for this Article

Next Page: JavaScript and Polymorphism

Page 1: Introduction	Page 4: Set up the Branch Object
Page 2: JavaScript and Polymorphism	Page 5: Set up the Leaf Objects
Page 3: Set up the Tree Object	Page 6: Build the Tree

Was this article useful? Please log in to rate this item.

Don't have a log in? Get one now.

Submit article to:

Advertising Info | Member Services | Permissions | Contact Us | Help | Feedback | Site Map | Network Map | About

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks
Microsoft Article: HyperV-The Killer Feature in WinServer ‘08 Avaya Article: How to Feed Data into the Avaya Event Processor Microsoft Article: Install What You Need with Win Server ‘08 HP eBook: Putting the Green into IT Whitepaper: HP Integrated Citrix XenServer for HP ProLiant Servers Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 1 Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 2--The Future of Concurrency		Avaya Article: Setting Up a SIP A/S Development Environment IBM Article: How Cool Is Your Data Center? Microsoft Article: Managing Virtual Machines with Microsoft System Center HP eBook: Storage Networking , Part 1 Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007 MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts
Intel Video: Are Multi-core Processors Here to Stay? On-Demand Webcast: Five Virtualization Trends to Watch HP Video: Page Cost Calculator Intel Video: APIs for Parallel Programming		HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2 MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits
Sun Download: Solaris 8 Migration Assistant Sybase Download: SQL Anywhere Developer Edition Red Gate Download: SQL Backup Pro and free DBA Best Practices eBook		Red Gate Download: SQL Compare Pro 6 Iron Speed Designer Application Generator MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos
How-to-Article: Preparing for Hyper-Threading Technology and Dual Core Technology eTouch PDF: Conquering the Tyranny of E-Mail and Word Processors IBM Article: Collaborating in the High-Performance Workplace HP Demo: StorageWorks EVA4400		Intel Featured Algorhythm: Intel Threading Building Blocks--The Pipeline Class Microsoft How-to Article: Get Going with Silverlight and Windows Live MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES