ejTab

11 Jul 201824 minutes to read

The Tab control is an interface where list of items are expanded from a single item. Each Tab panel defines its header text or header template, as well as a content template. Tab items are dynamically added and removed. Tabs can be loaded with AJAX content that is useful for building dashboards where space is limited.

Syntax

JAVASCRIPT

$(element).ejTab()

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $(function () {             
        // document ready            
        // Initialize Tab control creation             
        $("#tab").ejTab({width:"300px"});         
        }); </script>

Requires

• module:jQuery

• module:jquery.easing.1.3.min.js

• module:ej.core.js

• module:ej.tab.js

Members

ajaxSettings object

Specifies the ajaxSettings option to load the content to the Tab control.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="http://en.wikipedia.org/wiki/C_Sharp_(programming_language)">C Sharp (C#)</a></li>                      
        <li><a href="http://en.wikipedia.org/wiki/Visual_Basic_.NET">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        </div>
        <script type="text/javascript">         
        //To set enableAnimation API value during initialization  
        $("#tab").ejTab({ ajaxSettings: { type: 'GET', cache: false, data: {}, dataType: "html", contentType: "html", async: true } });
        </script>

ajaxSettings.async boolean

It specifies, whether to enable or disable asynchronous request.

Default Value

• true

ajaxSettings.cache boolean

It specifies the page will be cached in the web browser.

Default Value

• false

ajaxSettings.contentType string

It specifies the type of data is send in the query string.

Default Value

• “html”

ajaxSettings.data object

It specifies the data as an object, will be passed in the query string.

Default Value

• {}

ajaxSettings.dataType string

It specifies the type of data that you’re expecting back from the response.

Default Value

• “html”

ajaxSettings.type string

It specifies the HTTP request type.

Default Value

• “get”

allowKeyboardNavigation boolean

Tab items interaction with keyboard keys, like headers active navigation.

Default Value

• true

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the allowKeyboardNavigation during initialization.                       
                $("#tab").ejTab({width:"300px",allowKeyboardNavigation: false }); 
        </script>

collapsible boolean

Allow to collapsing the active item, while click on the active header.

Default Value

• false

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the collapsible during initialization.                   
                $("#tab").ejTab({width:"300px",collapsible: true }); 
        </script>

cssClass string

Set the root class for Tab theme. This cssClass API helps to use custom skinning option for Tab control.

Default Value

• ””

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the CSS class during initialization.                     
                $("#tab").ejTab({width:"300px",cssClass: "gradient-lime" }); 
        </script>

disabledItemIndex number[]

Disables the given tab headers and content panels.

Default Value

• []

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>   
        <script type="text/javascript">         
        // Set the disabledItemIndex during initialization.                     
                $("#tab").ejTab({width:"300px",disabledItemIndex: [1,2] }); 
        </script>

enableAnimation boolean

Specifies the animation behavior of the tab.

Default Value

• true

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        //To set enableAnimation API value during initialization  
                $("#tab").ejTab({ enableAnimation: false});
        </script>

enabled boolean

When this property is set to false, it disables the tab control.

Default Value

• true

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the enabled during initialization.                       
                $("#tab").ejTab({width:"300px",enabled: false }); 
        </script>

enabledItemIndex number[]

Enables the given tab headers and content panels.

Default Value

• []

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>   
        <script type="text/javascript">         
        // Set the enabledItemIndex during initialization. 
                $("#tab").ejTab({width:"300px",disabledItemIndex: [0,1,2] });
        $("#tab").ejTab({width:"300px",enabledItemIndex: [0,1] }); 
        </script>

enablePersistence boolean

Save current model value to browser cookies for state maintains. While refresh the Tab control page the model value apply from browser cookies.

Default Value

• false

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div> 
        <script type="text/javascript">         
        // Set the enablePersistence during initialization.                     
                $("#tab").ejTab({width:"300px",enablePersistence: false }); 
        </script>

enableRTL boolean

Display Right to Left direction for headers and panels text of tab.

Default Value

• false

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the rtl during initialization.                   
                $("#tab").ejTab({width:"300px",enableRTL: true }); 
        </script>

enableTabScroll boolean

Specify to enable scrolling for Tab header.

Default Value

• false

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the enableTabScroll during initialization.                       
                $("#tab").ejTab({width:"300px",enableTabScroll: true }); 
        </script>

events string

The event API to bind the action for active the tab items.

Default Value

• “click”

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>     
        <script type="text/javascript">         
        // Set the events during initialization.                        
                $("#tab").ejTab({width:"300px",events: "click" }); 
        </script>

headerPosition string | enum

Specifies the position of Tab header as top, bottom, left or right. See below to get available Position

Name	Description
Top	Tab headers display to top position
Bottom	Tab headers display to bottom position
Left	Tab headers display to left position.
Right	Tab headers display to right position.

Default Value

• “top”

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the headerPosition during initialization.                        
                $("#tab").ejTab({width:"500px",headerPosition: "left" }); 
        </script>

headerSize string | number

Set the height of the tab header element. Default this property value is null, so height take content height.

Default Value

• null

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the height during initialization.                        
                $("#tab").ejTab({headerSize: "100px" }); 
        </script>

height string | number

Height set the outer panel element. Default this property value is null, so height take content height.

Default Value

• null

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the height during initialization.                        
                $("#tab").ejTab({width:"300px",height: "320px" }); 
        </script>

heightAdjustMode string | enum

Adjust the content panel height for given option (content, auto and fill), by default panels height adjust based on the content.See below to get available HeightAdjustMode

Name	Type	Default	Description
None	string	content	Content panel take based on the height property.
Content	string	content	Content panel will take height based on the content height.
Auto	string	auto	All panel height will be set the tallest panel height
Fill	string	fill	Content panel take based on the parent height

Default Value

• “content”

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div> 
        <script type="text/javascript">         
        // Set the heightAdjustMode  during initialization.                     
                $("#tab").ejTab({width:"300px",heightAdjustMode : ej.Tab.HeightAdjustMode.Content }); 
        </script>

hiddenItemIndex array

Specifies to hide a pane of Tab control.

Default Value

• []

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div> 
        <script type="text/javascript">         
        // Set the hiddenItemIndex  during initialization.                     
                $("#tab").ejTab({width:"300px", hiddenItemIndex: [0,1] }); 
        </script>

htmlAttributes object

Specifies the HTML Attributes of the Tab.

Default Value

• {}

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div> 
        <script type="text/javascript">         
        // Set the htmlAttributes  during initialization.                     
                $("#tab").ejTab({width:"300px", htmlAttributes: {class:"my-class"} }); 
        </script>

idPrefix string

The idPrefix property appends the given string on the added tab item id’s in runtime.

Default Value

• “ej-tab-“

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the idPrefix during initialization.                      
                $("#tab").ejTab({width:"300px",idPrefix: "ej-tab-" }); 
        </script>

selectedItemIndex number

Specifies the Tab header in active for given index value.

Default Value

• 0

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the selectedItemIndex  during initialization.                    
                $("#tab").ejTab({width:"300px",selectedItemIndex : 1 }); 
        </script>

showCloseButton boolean

Display the close button for each tab items. While clicking on the close icon, particular tab item will be removed.

Default Value

• false

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>   
        <script type="text/javascript">         
        // Set the showCloseButton during initialization.                       
                $("#tab").ejTab({width:"500px",showCloseButton: true }); 
        </script>

showReloadIcon boolean

Display the Reload button for each tab items.

Default Value

• false

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the showReloadIcon during initialization.                        
                $("#tab").ejTab({width:"500px",showReloadIcon: true }); 
        </script>

showRoundedCorner boolean

Tab panels and headers to be displayed in rounded corner style.

Default Value

• false

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the roundedCorner during initialization.                         
                $("#tab").ejTab({width:"300px",showRoundedCorner: false }); 
        </script>

width string | number

Set the width for outer panel element, if not it’s take parent width.

Default Value

• null

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        // Set the width during initialization.                         
                $("#tab").ejTab({width: "600px" }); 
        </script>

Methods

addItem(url, displayLabel, index, cssClass, id)

Add new tab items with given name, URL and given index position, if index null it’s add last item.

Name	Type	Description
URL	string	URL name / tab id.
displayLabel	string	Tab Display name.
index	number	Index position to placed , this is optional.
cssClass	string	specifies cssClass, this is optional.
id	string	specifies id of tab, this is optional.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>  
        <div id="new"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>             
        </div>
        <script type="text/javascript">         
                //initialize the tab object
                $("#tab").ejTab({width:"400px"});
                        var tabObj = $("#tab").data("ejTab");
                        // Add new tab items with given list
                        tabObj.addItem("#new", "New Item", 3, "myClass", "newItem");
                </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div> 
        <div id="new"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">  
        $("#tab").ejTab({width:"400px"});       
        $("#tab").ejTab("addItem","#new","New Item",3); 
        </script>

disable()

To disable the tab control.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">  
        $("#tab").ejTab({width:"300px"});      
        //initialize the tab object
        var tabObj = $("#tab").data("ejTab");
                // disable the tab control
                tabObj.disable();
        </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">  
        $("#tab").ejTab({width:"300px"});       
        $("#tab").ejTab("disable");
        </script>

enable()

To enable the tab control.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">   
        $("#tab").ejTab({width:"300px"});      
        //initialize the tab object
                var tabObj = $("#tab").data("ejTab");
                // enable the tab control
                tabObj.enable();
        </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">     
        $("#tab").ejTab({width:"300px"});    
        $("#tab").ejTab("enable");
        </script>

getItemsCount()

This function get the number of tab rendered

####Returns

number

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">    
        $("#tab").ejTab({width:"300px"});     
        //initialize the tab object
                var tabObj = $("#tab").data("ejTab");
                // get the number of tab rendered
                tabObj.getItemsCount();
        </script>

HTML

<div id="tab">                  
            <ul>                      
            <li><a href="#javaScript">JavaScript</a></li>                      
            <li><a href="#cSharp">C Sharp (C#)</a></li>                      
            <li><a href="#vb">VB.NET</a></li>                  
            </ul>                  
            <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
            It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
            </div>                  
            <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
            </div>                  
            <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
            </div>              
            </div>
            <script type="text/javascript">    
            $("#tab").ejTab({width:"300px"});     
            $("#tab").ejTab("getItemsCount");
            </script>

hide()

This function hides the tab control.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">   
        $("#tab").ejTab({width:"300px"});      
        //initialize the tab object
                var tabObj = $("#tab").data("ejTab");
                // To hide the tab control..
                tabObj.hide();
        </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">   
        $("#tab").ejTab({width:"300px"});      
        $("#tab").ejTab("hide"); 
        </script>

hideItem(index)

This function hides the specified item tab in tab control.

Name	Type	Description
index	number	index of tab item.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">   
        $("#tab").ejTab({width:"300px"});      
        //initialize the tab object
                var tabObj = $("#tab").data("ejTab");
                // To hide the tab item..
                tabObj.hideItem(1);
        </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">   
        $("#tab").ejTab({width:"300px"});      
        $("#tab").ejTab("hideItem", 1); 
        </script>

removeItem(index)

Remove the given index tab item.

Name	Type	Description
index	number	index of tab item.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">    
        $("#tab").ejTab({width:"300px"});     
        //initialize the tab object
                var tabObj = $("#tab").data("ejTab");
                // Remove the given index tab item.
                tabObj.removeItem(1);
        </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript"> 
        $("#tab").ejTab({width:"300px"});        
        $("#tab").ejTab("removeItem",1); 
        </script>

show()

This function is to show the tab control.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript"> 
        $("#tab").ejTab({width:"300px"});        
        //initialize the tab object
                var tabObj = $("#tab").data("ejTab");
                // To show the tab control.
                tabObj.show();
        </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">    
        $("#tab").ejTab({width:"300px"});     
        $("#tab").ejTab("show"); 
        </script>

showItem(index)

This function helps to show the specified hidden tab item in tab control.

Name	Type	Description
index	number	index of tab item.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript"> 
        $("#tab").ejTab({width:"300px"});        
        //initialize the tab object
                var tabObj = $("#tab").data("ejTab");
                // To show the specified item.
                tabObj.showItem(1);
        </script>

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">    
        $("#tab").ejTab({width:"300px"});     
        $("#tab").ejTab("showItem", 1); 
        </script>

Events

itemActive

Triggered after a tab item activated.

Name	Type	Description
argument	Object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. prevActiveHeader Element returns previous active tab header. prevActiveIndex number returns previous active index. activeHeader Element returns current active tab header . activeIndex number returns current active index. isInteraction boolean returns, is it triggered by interaction or not.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        itemActive: function (args) {}
        });      
        </script>

ajaxBeforeLoad

Triggered before AJAX content has been loaded.

Name	Type	Description
argument	Object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. prevActiveHeader Element returns previous active tab header. prevActiveIndex number returns previous active index. activeHeader Element returns current active tab header . activeIndex number returns current active index. URL string returns the URL of AJAX request isInteraction boolean returns, is it triggered by interaction or not.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width:"300px",
        ajaxBeforeLoad: function (args) {}
        });      
        </script>

ajaxError

Triggered if error occurs in AJAX request.

Name	Type	Description
argument	object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. data object returns AJAX data details. URL string returns the URL of AJAX request.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        ajaxError: function (args) {}
        });      
        </script>

ajaxLoad

Triggered after AJAX content load action.

Name	Type	Description
argument	object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. prevActiveHeader Element returns previous active tab header. prevActiveIndex number returns previous active index. activeHeader Element returns current active tab header . activeIndex number returns current active index. URL string returns the URL of AJAX request isInteraction boolean returns, is it triggered by interaction or not.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width:"300px",
        ajaxLoad: function (args) {}
        });      
        </script>

ajaxSuccess

Triggered after a tab item activated.

Name	Type	Description
argument	Object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. data object return AJAX data. URL string returns AJAX URL content object returns content of AJAX request.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        ajaxSuccess: function (args) {}
        });      
        </script>

beforeActive

Triggered before a tab item activated.

Name	Type	Description
argument	Object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. prevActiveHeader Element returns previous active tab header. prevActiveIndex number returns previous active index. activeHeader Element returns current active tab header . activeIndex number returns current active index. isInteraction boolean returns, is it triggered by interaction or not.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        beforeActive: function (args) {}
        });      
        </script>

beforeItemRemove

Triggered before a tab item remove.

Name	Type	Description
argument	Object	Event parameters from button. Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. index number returns current tab item index

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        beforeItemRemove: function (args) {}
        });      
        </script>

create

Triggered before a tab item Create.

Name	Type	Description
argument	Object	Event parameters from button. Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        create: function (args) {}
        });      
        </script>

destroy

Triggered before a tab item destroy.

Name	Type	Description
HTML argument	Object	Event parameters from button. Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        destroy: function (args) {}
        });      
        </script>

itemAdd

Triggered after new tab item add

Name	Type	Description
argument	Object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. tabHeader Element returns new added tab header. tabContent object returns new added tab content panel.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        itemAdd: function (args) {}
        });      
        </script>

itemRemove

Triggered after tab item removed.

Name	Type	Description
argument	Object	Event parameters from button Name Type Description cancel boolean if the event should be canceled; otherwise, false. model object returns the tab model. type string returns the name of the event. removedTab Element returns removed tab header.

Example

HTML

<div id="tab">                  
        <ul>                      
        <li><a href="#javaScript">JavaScript</a></li>                      
        <li><a href="#cSharp">C Sharp (C#)</a></li>                      
        <li><a href="#vb">VB.NET</a></li>                  
        </ul>                  
        <div id="javaScript"> JavaScript (JS) is an interpreted computer programming language. 
        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed. More recently, however, it has become common in both game development and the creation of desktop applications.                  
        </div>                  
        <div id="cSharp"> C# is intended to be a simple, modern, general-purpose, object-oriented programming language. Its development team is led by Anders Hejlsberg. The most recent version is C# 5.0, which was released on August 15, 2012.                  
        </div>                  
        <div id="vb"> The command-line compiler, VBC.EXE, is installed as part of the Freeware  .NET Framework SDK. Mono also includes a command-line VB.NET compiler. The most recent version is VB 2012, which was released on August 15, 2012.                  
        </div>              
        </div>
        <script type="text/javascript">         
        $("#tab").ejTab({
        width: "300px",
        itemRemove: function (args) {}
        });      
        </script>