Hello World from tab 1!

TabViews can be created from existing HTML markup or entirely through JavaScript. Each Tab in the TabView is a list item (<li>). The root element of the TabView is a <div> element. The TabView control is defined by YAHOO.widget.TabView. To create a TabView from existing markup you can simply pass the id (or object reference) for the HTMLElement that will become the TabView. If you follow the default markup pattern outlined below, the tabs will be constructed automatically. The list item with class="selected" becomes the active tab.

Hello World from tab 2!

Using TabView and Tab This section describes several common uses and customizations of TabView and Tab instances and contains these subsections: * Handling Events * Configuration Attributes

Hello World from tab 3!

Handling Events All of the the events for TabView and Tab (including DOM-based events such as "mouseover" or "click") can be listened for via addListener (or on for short). Note: If you want to listen for DOM-based events you should always use the provided event interface rather than attaching handlers directly to a Tab or Tabview DOM elements. The event object is passed to the handler function as the first argument. For DOM events, this is the actual event object.

Hello World from tab 1!

TabViews can be created from existing HTML markup or entirely through JavaScript. Each Tab in the TabView is a list item (<li>). The root element of the TabView is a <div> element. The TabView control is defined by YAHOO.widget.TabView. To create a TabView from existing markup you can simply pass the id (or object reference) for the HTMLElement that will become the TabView. If you follow the default markup pattern outlined below, the tabs will be constructed automatically. The list item with class="selected" becomes the active tab.

Hello World from tab 2!

Using TabView and Tab This section describes several common uses and customizations of TabView and Tab instances and contains these subsections: * Handling Events * Configuration Attributes

Hello World from tab 3!

Handling Events All of the the events for TabView and Tab (including DOM-based events such as "mouseover" or "click") can be listened for via addListener (or on for short). Note: If you want to listen for DOM-based events you should always use the provided event interface rather than attaching handlers directly to a Tab or Tabview DOM elements. The event object is passed to the handler function as the first argument. For DOM events, this is the actual event object.

Hello World from tab 1!

TabViews can be created from existing HTML markup or entirely through JavaScript. Each Tab in the TabView is a list item (<li>). The root element of the TabView is a <div> element. The TabView control is defined by YAHOO.widget.TabView. To create a TabView from existing markup you can simply pass the id (or object reference) for the HTMLElement that will become the TabView. If you follow the default markup pattern outlined below, the tabs will be constructed automatically. The list item with class="selected" becomes the active tab.

Hello World from tab 2!

Using TabView and Tab This section describes several common uses and customizations of TabView and Tab instances and contains these subsections: * Handling Events * Configuration Attributes

Hello World from tab 3!

Handling Events All of the the events for TabView and Tab (including DOM-based events such as "mouseover" or "click") can be listened for via addListener (or on for short). Note: If you want to listen for DOM-based events you should always use the provided event interface rather than attaching handlers directly to a Tab or Tabview DOM elements. The event object is passed to the handler function as the first argument. For DOM events, this is the actual event object.

Hello World from tab 1!

TabViews can be created from existing HTML markup or entirely through JavaScript. Each Tab in the TabView is a list item (<li>). The root element of the TabView is a <div> element. The TabView control is defined by YAHOO.widget.TabView. To create a TabView from existing markup you can simply pass the id (or object reference) for the HTMLElement that will become the TabView. If you follow the default markup pattern outlined below, the tabs will be constructed automatically. The list item with class="selected" becomes the active tab.

Hello World from tab 2!

Using TabView and Tab This section describes several common uses and customizations of TabView and Tab instances and contains these subsections: * Handling Events * Configuration Attributes

Hello World from tab 3!

Handling Events All of the the events for TabView and Tab (including DOM-based events such as "mouseover" or "click") can be listened for via addListener (or on for short). Note: If you want to listen for DOM-based events you should always use the provided event interface rather than attaching handlers directly to a Tab or Tabview DOM elements. The event object is passed to the handler function as the first argument. For DOM events, this is the actual event object.