Source Code For: "EAS and DHTML Tab Controls"
Vol 7, Issue 4 p.33

	

Listing 1 

<LINK type="text/css" href="Style/Tab.css" rel=STYLESHEET> <SCRIPT src="Script/tab.js"></SCRIPT> <SCRIPT language=JavaScript> var intNumTabs = 2, intCurrentTab = 0; var sArrayNames; sArrayNames = new Array("divAAA", "divBBB"); </SCRIPT> <DIV id=TabOuterDiv style="LEFT: 20px; POSITION: absolute; TOP: 70px"> <TABLE id=tblTabControl cellSpacing=0> <TBODY> <TR id=trTabList onclick="onClickTab()" onselectstart="onClickTab(); return false;"> <TD class=clsTabSel style="WIDTH: 70px"> Customer</TD> <TD class=clsTabSelRight style="WIDTH: 70px"> Sales History </TD> <TD class=clsTabBlank onclick= "event.cancelBubble=true" onselectstart= "event.cancelBubble=true"></TD> </TR> <TR> <TD id=tdLeftSide class=clsTabContentSel>  </TD> <TD class=clsTabContent> </TD> <TD id=tdRightSide class=clsTabContent>  </TD> </TR> </TBODY> </TABLE> <TD class=clsTabSel style="WIDTH: 70px"> Customer</TD> <TD class=clsTabSelRight style="WIDTH: 70px"> Sales History </TD> <TD class=clsTabSelRight style="WIDTH: 70px"> Your new tab </TD> <TD class=clsTabBlank onclick= "event.cancelBubble=true" onselectstart= "event.cancelBubble=true"></TD> </TR> <TR> <TD id=tdLeftSide class=clsTabContentSel>  </TD> <TD class=clsTabContent> </TD> <TD class=clsTabContent> </TD> <TD id=tdRightSide class=clsTabContent>  </TD> <DIV id=divAAA><PSINCLUDE SRC="htmldw.stm"> </DIV> <DIV id=divBBB><PSINCLUDE SRC="callJagComponent.stm"> </DIV>