CodeThatTab - Border, width, height Example
<style>
.over{color:#000080;
background-color:#ffffcc;
font-family:Verdana;
font-size:12px;}
.def{color:#ff0000;
background-color:#ffffff;
font-family:Verdana;
font-size:12px;}
.curr0{color:#000000;
background-color:#ffffee;
font-family:Verdana;
font-size:12px;}
.curr1{color:#0000ff;
background-color:#eaeaff;
font-family:Verdana;
font-size:12px;}
.curr2{color:#008000;
background-color:#FFE6E6;
font-family:Verdana;
font-size:12px;}
.curr3{color:#ff0000;
background-color:#DFFFDF;
font-family:Verdana;
font-size:12px;}
</style>
<script language="javascript1.2">
<!--
var tabDef = {
x : 10,
y : 50,
width : 510,
height : 150,
offset : 3,
spacing : 5,
padding : 5,
layout : 'top',
cssover : 'over',
css : 'def',
tabs : [
{
text : "CodeThat.com",
hint : "is the ultimate source of the high-quality, cutting-edge web
technologies. In particular, we offer a JavaScript menu, a JavaScript tree, and other scripts,
which can be easily integrated into almost any site providing visitors with a fast, high-quality navigation system.
We offer freeware and commercial versions of our scripts so that anybody from students to big corporations can
benefit from using our first-class solutions.",
csscurr : 'curr0',
cssover : 'curr0',
border : {
width : 1, color : '#000000'
},
width : 130,
height : 26
},
{
text : "What's New",
hint : '<li>Now you have a possibility to export only that rows
where data was changed <li>You can use user-defined functions for auto-filled columns creation <li>You
can perform search in grid right from url <li>You can hide cells with rows/columns names ',
csscurr : 'curr1',
cssover : 'curr1',
border : {
width : 2, color : "#000080"
},
width : 120,
height : 24
},
{
text : "What's Hot",
hint : 'Visit our <a href="http://www.codethat.com">Hot</a>
section for a list of CodeThat.Com scripts that are popular to the visitors.',
csscurr : 'curr2',
cssover : 'curr2',
border : {
width : 3, color : "#a00000"
},
width : 110,
height : 22
},
{
text : "Search",
hint : '<form action="http://www.google.com/search" method="get"
onSubmit="this.q.value=\'site:www.codethat.com \'+this.qfront.value"><p>Search CodeThat.Com:<br />
<input name="q" type="hidden" /><input name="qfront" type="text" style="width: 180px" />
<input type="submit" value="Search" /></form>',
csscurr : 'curr3',
cssover : 'curr3',
border : {
width : 4, color : '#009f00'
},
width : 100,
height : 20
} ]
};
var ts = new CTabSet("ts");
ts.create(tabDef);
//-->
</script>
|