YUI recommends YUI3.

YUI 2 has been deprecated since 2011. This site acts as an archive for files and documentation.

This documentation is no longer maintained.

YUI Library Examples: TabView Control: Build from Script

TabView Control: Build from Script

This demonstrates how to build a TabView from JavaScript.

TabView From Script

It is possible to build a YUI TabView widget completely from script.

We will create a container to insert our new TabView into. This can be any existing element on the page, including the <body>, but for this example, we will create a <div> called container:

First we will create a TabView instance, omitting the element argument, which signals the constructor to create the TabView container:

Next we add tabs to our TabView, including the label and content for each tab and set the default selected tab to "active":

All that is left is to append our new TabView to our container:

This is a basic example of how to build a TabView from JavaScript.

Copyright © 2013 Yahoo! Inc. All rights reserved.

Privacy Policy - Copyright Policy - Job Openings