KoolTabs - Powerful PHP Tab MenuFullVersion 1.8.0.0 released on 04/16/2012

KoolTabs supports rich client-side event handling. With the use of registerEvent() , you can bind your function to an event.

• "OnBeforeSelect" - Before the tab changes to selection state.
• "OnSelect" - After the tab changes to selection state.
• "OnBeforeUnselect" - Before the tab changes to unselection state.
• "OnUselect" - After the tab changes to unselection state.
• "OnBeforeSelect" - Before the tab changes to selection state.
• "OnSelect" - After the tab changes to selection state.
• "OnMouseOver" - When the mouse is over a tab.
• "OnMouseOut" - When the mouse is moving out of a tab.

*Note: Returning false in "OnBefore..." handle function will result in cancelling user action.

span style="color: #ff0000;">"/KoolTabs/kooltabs.php""kts");
	$kts->scriptFolder = $KoolControlsFolder."/KoolTabs";
	$kts->styleFolder="outlook";
	
	$kts->addTab("root","home","Home");	
	$kts->addTab("root","products","Products");
	$kts->addTab("root","services","Services");
	$kts->addTab("root","contactus","Contact us""form1" method="post">
	<style type="text/css"#DFF3FF;
#C6E1F2;			
		}
		.clear
		{
			clear:both;
		}
		#eventlog
		{
			overflow:auto;
			overflow-x:hidden;
			height : 150px;
			width : 280px;
		}	
				
	</style>
	
	
	<div style="width:650px;""box focus">
			<b>Client-side events:  </b><hr/>
			<div id="eventlog"></div>		
		</div>
		
		<div style="padding-top:15px;""clear"></div>		
	</div>
 
	<script type="text/javascript">
		kts.registerEvent("OnBeforeSelect""Select ["+arg.TabId+"] tab?""Selecting " + arg.TabId + " was approved"//Approve selecting.
"Selecting " + arg.TabId + " was cancelled"//Disapprove selecting.
			}
		});
		
		kts.registerEvent("OnSelect""The <b>"+arg.TabId+"</b> tab is selected!""eventlog""<div style='white-space:nowrap;'>""</div>"

• • Javascript :: KoolTabs :: registerEvent