LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


findTabById(id)

Searches through all tabs for a match using specified id.

Parameters

ParamTypeDetails
idStringThe tab id value to search for

Return Value

If successful, the tab object that contains the specified id, otherwise null.

Version Information

Supported in: v1.0.

Example

In this example we are searching for a tab with id value set to '2'. If tab is found an alert box will pop-up with a message.

$(document).ready(function() {

// Create an instance of TabStrip widget

var $tab = $('#tabstrip').tabstrip();

 

var searchTabs = function(){

var tab = $tab.tabstrip("findTabById", '2');

if (tab)

alert("Tab that matches specified criteria is: " + tab.text);

}

});

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="css/integralui.tabstrip.css" />

<link rel="stylesheet" href="css/themes/theme-blue.css" />

<script type="text/javascript" src="external/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.core.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.widget.min.js"></script>

<script type="text/javascript" src="js/jquery.integralui.widget.min.js"></script>

<script type="text/javascript" src="js/jquery.integralui.tabstrip.min.js"></script>

</head>

<body>

<button type="button" id="search" onclick="searchTabs()" />Search Tabs</button>

<div id="tabstrip" class="widget">

    <li id="1" ><span>Tab 1</span></li>

    <li id="2" ><span>Tab 2</span></li>

    <li id="3" ><span>Tab 3</span></li>

<div></div>

<div></div>

<div></div>

</div>

</body>

</html>

.widget

{

width: 300px;

height: 300px;

}

See Also