011. Gộp nhiều tiện ích trong 1TAB để tiết kiệm. <br /><br /><script language="JavaScript" type="text/javascript">function st2(t){ for(i=1;i<=5;i++){ts=document.getElementById('tt'+i);tr = document.getElementById('dd'+i);ta = document.getElementById('aa'+i); if(t==i){ if(t==1) ts.className="Tab1";if(t==2) ts.className="Tab2";if(t==3) ts.className="Tab3";if(t==4) ts.className="Tab4";if(t==5) ts.className="Tab5"; ta.className="srchlinksel2";ts.style.borderBottom="1px solid #FFFFFF";tr.style["display"]="block";tr.style["visibility"]="visible";} else{ts.className="tb2";ta.className="srchlink2";ts.style.borderBottom="1px solid #B5D6EF";tr.style["display"]="none";tr.style["visibility"]="hidden";} }}</script><style type="text/css">.f12{FONT-SIZE:12px;FONT-FAMILY:arial}.tb2{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');BACKGROUND-COLOR:#d9e9f6}.tbmain2{BACKGROUND-COLOR:#ffffff}.lfttbl{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2');BACKGROUND-COLOR:#deffc6}.rttbl{BORDER-RIGHT:#b5d6ef 1px solid;BORDER-TOP:#b5d6ef 1px solid;FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7');BORDER-LEFT:#b5d6ef 1px solid;BORDER-BOTTOM:#b5d6ef 1px solid;BACKGROUND-COLOR:#eef5fb}.rttblx{BORDER-RIGHT:#b5d6ef 1px solid;BORDER-TOP:#b5d6ef 1px solid;BORDER-LEFT:#b5d6ef 1px solid;BORDER-BOTTOM:#b5d6ef 1px solid;BACKGROUND-COLOR:#ffffff}.rt_tbl{BORDER-RIGHT:#b5d6ef 1px solid;BORDER-TOP:0;BORDER-LEFT:#b5d6ef 1px solid;BORDER-BOTTOM:#b5d6ef 1px solid;BACKGROUND-COLOR:#b0dafd}.toptbl{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B');BACKGROUND-COLOR:#00426b}.srchtbl{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE');BACKGROUND-COLOR:#a5dede}.Tab1{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');BACKGROUND-COLOR:#fedfb3}.Tab2{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');BACKGROUND-COLOR:#b39dfe}.Tab3{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');BACKGROUND-COLOR:#f6fe9d}.Tab4{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');BACKGROUND-COLOR:#feaf9d}.Tab5{FILTER:progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');BACKGROUND-COLOR:#9dfea5}A{TEXT-DECORATION:none}A:hover{TEXT-DECORATION:underline}</style> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody><tr><td align="center" class="Tab1" height="22" id="tt1" onclick="st2('1')" style="border-color: rgb(181, 214, 239) rgb(181, 214, 239) rgb(255, 255, 255); border-style: solid; border-width: 1px;" width="70"> <a class="srchlinksel2" href="javascript:undefined" id="aa1"><span class="f12"><b>TIEU DE 1</b></span></a></td> <td align="center" class="tb2" height="22" id="tt2" onclick="st2('2')" style="border-color: rgb(181, 214, 239); border-style: solid; border-width: 1px;" width="47"><a class="srchlink2" href="javascript:undefined" id="aa2"><span class="f12"><b>TIEU DE 2</b></span></a></td> <td align="center" class="tb2" height="22" id="tt3" onclick="st2('3')" style="border-color: rgb(181, 214, 239); border-style: solid; border-width: 1px;" width="62"><a class="srchlink2" href="javascript:undefined" id="aa3"><span class="f12"><b>TIEU DE 3</b></span></a></td> <td align="center" class="tb2" height="22" id="tt4" onclick="st2('4')" style="border-color: rgb(181, 214, 239); border-style: solid; border-width: 1px;" width="48"><a class="srchlink2" href="javascript:undefined" id="aa4"><span class="f12"><b>TIEU DE 4</b></span></a></td> <td align="center" class="tb2" height="22" id="tt5" onclick="st2('5')" style="border-color: rgb(181, 214, 239); border-style: solid; border-width: 1px;" width="52"><a class="srchlink2" href="javascript:undefined" id="aa5"><span class="f12"><b>TIEU DE 5</b></span></a></td></tr> <tr><td colspan="9"><div style="border-bottom: 0px; border-left: 1px solid rgb(181, 214, 239); border-right: 1px solid rgb(181, 214, 239); border-top: 0px; width: 100%;"> <div id="dd1" style="border-bottom: 1px solid rgb(181, 214, 239); border-left: 0px solid rgb(181, 214, 239); border-right: 0px solid rgb(181, 214, 239); border-top: 0px; display: block; visibility: visible; width: 100%;"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody><tr><td valign="top"><div align="center"> NOI DUNG TIEN ICH 1 </div></td></tr><tr></tr></tbody></table></div></div> <div id="dd2" style="border-bottom: 1px solid rgb(181, 214, 239); border-left: 1px solid rgb(181, 214, 239); border-right: 1px solid rgb(181, 214, 239); border-top: 0px; display: none; visibility: hidden; width: 100%;"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody><tr><td valign="top"><div align="center"> NOI DUNG TIEN ICH 2 </div></td></tr></tbody></table></div> <div id="dd3" style="border-bottom: 1px solid rgb(181, 214, 239); border-left: 1px solid rgb(181, 214, 239); border-right: 1px solid rgb(181, 214, 239); border-top: 0px; display: none; visibility: hidden; width: 100%;"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody><tr><td valign="top"><div align="center"> NOI DUNG TIEN ICH 3 </div></td></tr></tbody></table></div> <div id="dd4" style="border-bottom: 1px solid rgb(181, 214, 239); border-left: 1px solid rgb(181, 214, 239); border-right: 1px solid rgb(181, 214, 239); border-top: 0px; display: none; visibility: hidden; width: 100%;"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody><tr><td valign="top"> NOI DUNG TIEN ICH 4 </td> </tr></tbody></table></div> <div id="dd5" style="border-bottom: 1px solid rgb(181, 214, 239); border-left: 1px solid rgb(181, 214, 239); border-right: 1px solid rgb(181, 214, 239); border-top: 0px; display: none; visibility: hidden; width: 100%;"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody><tr> <td valign="top"> NOI DUNG TIEN ICH 5 </td></tr></tbody></table></div> </td></tr></tbody></table>
Góp ý về bài viết: Thank!