function doSelect(index) { document.getElementById('MultiPage1').setAttribute('selectedIndex', index); clearCurrentFocus('navigation'); document.getElementById('li_' + index).id = 'currentitem'; var eA = document.getElementById('a_' + index) eA.id = 'currentlink'; eA.setAttribute('class', 'activelink'); return false; } function clearCurrentFocus(tabId) { var eDiv = document.getElementById(tabId); if ( null == eDiv || undefined == eDiv ) return false; var eUl = eDiv.getElementsByTagName('ul'); if ( null == eUl || undefined == eUl ) return false; var eLis = eUl[0].getElementsByTagName('li'); if ( null == eLis || undefined == eLis ) return false; var i; for(i=0;i<eLis.length;i++) { eLis[i].id = "li_" + i; var eA = eLis[i].getElementsByTagName('a'); if ( null != eA && undefined != eA ) { eA[0].id = 'a_' + i; eA[0].setAttribute('class', ''); } } return false; }
<div class="container" id="navigation"> <ul id="navlist"> <li id="currentitem" onclick="return doSelect(0)"> <A class="activelink" id="currentlink" href="#"> <asp:Label id="lblProduct" runat="server">Tab1</asp:Label></A> <li id="li_1" onclick="return doSelect(1)"> <A id="a_1" href="#"> <asp:Label id="lblProcess" runat="server">Tab2</asp:Label></A> <li id="li_2" onclick="return doSelect(2)"> <A id="a_2" href="#"> <asp:Label id="lblmachine" runat="server">Tab3</asp:Label></A> </li> </ul> </div> <iewc:multipage id="MultiPage1" runat="server"> <iewc:pageview> <table class='ssSpecification_Table'> <tr> <td> test_Tab1 </td> </tr> </table> </iewc:pageview> <iewc:pageview> <table class='ssAdditional_Table'> <tr> <td> test_Tab2 </td> </tr> </table> </iewc:pageview> </table> </iewc:pageview> </iewc:multipage>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง