CodeThatTab - Manipulating Example
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);
|