CodeThatTab - Manipulating Example

CodeThatTab - Manipulating Example

Set current item:

var tabDef = {
	x : 10,
	y : 50,
	width : 510,
	height : 100,
	offset : 3,
	spacing : 5,
	padding : 5,
	layout : 'top',
	border : {
		width : 1, color : '#000000'
	},
	cssover : 'over',
	css : 'def',
	tabs : [
	{
		text : "URL",
		hint : "This tab demonstrate action with URL property defined. You will visit CodeThat.com when click on this tab",
		csscurr : 'curr0',
		css : 'curr0',
		action : {
			url : "http://lion/", target : "_blank"
		}
	},
	{
		text : "JS",
		hint : 'This tab demonstrate action with JS property defined',
		csscurr : 'curr1',
		css : 'curr1',
		action : {
			js : "alert('You click on me '+ new Date())"
		}
	},
	{
		text : "JSOVER",
		hint : 'This tab demonstrate action with JSOVER property defined.',
		csscurr : 'curr2',
		css : 'curr2',
		action : {
			jsover : "alert('Your mouse over me at ' + new Date())"
		}
	},
	{
		text : "JSOUT",
		hint : 'This tab demonstrate action with JSOUT property defined.',
		csscurr : 'curr3',
		css : 'curr3',
		action : {
			jsout : "alert('Your mouse out me at ' + new Date())"
		}
	} ]
};
var ts = new CTabSet("ts");
ts.create(tabDef);