Create A Tabbed User Interface By Tom Duffy, DHTML Pro
I've been doing some Holiday Shopping online this year and I noticed that many of the Web sites I visited used a tabbed metaphor to present their merchandise. Tabbed interfaces let you present a great deal of information without "changing pages." But it isn't immediately apparent exactly how tabbed interfaces work.
Problem: How do you create a tabbed user interface?
Solution: Combine a few style sheet rules and some simple JavaScript routines to maintain the tab state!
Do you like tabbed interfaces? Did you think you had to create complicated script or use controls to implement tabbed interfaces? Can you think of ways to improve the article code? Join the discussions at Web.dhtml.general and Web.dhtml.scripting to get answers, make comments, or help others with their problems.