A page constructed with the YUI Tabview component allows the user to quickly toggle between alternative chunks of content without the need to navigate to a new page.

Like the drop-down menus in the previous example, this 3-tab view was created with basic HTML markup and enhanced by JavaScript code. With JavaScript disabled, the content of the three tabs would be displayed sequentially, and users could still navigate through it using the links at the top of the page.

Topics

Introduction
Background: HTML, CSS, and JavaScript
Connection (AJAX)
Navigation Menu
Tabs
Animation
More Animation
Drag & Drop
Form Controls
Slider
Dialog
More

Advertisement