<html> <head> <title>ThaiCreate.Com Ajax Tutorial</title> </head> <script language="JavaScript"> function fncShow1() { document.getElementById('myTable1').style.visibility = 'visible'; } function fncHide1() { document.getElementById('myTable1').style.visibility = 'hidden'; } function fncShow2() { document.getElementById('myTable2').style.display = ''; } function fncHide2() { document.getElementById('myTable2').style.display = 'none'; } </script> <body> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="300"><strong>Visibility</strong></td> <td width="300"><strong>Display</strong></td> </tr> <tr> <td valign="top"><table id="myTable1" width="190" border="1" cellspacing="0" cellpadding="0"> <tr> <td>ThaiCreate.Com</td> <td>ThaiCreate.Com</td> </tr> <tr> <td>ThaiCreate.Com</td> <td>ThaiCreate.Com</td> </tr> </table> <input name="btnShow1" id="btnShow1" type="button" value="Show" onClick="JavaScript:fncShow1();"> <input name="btnHide1" id="btnHide1" type="button" value="Hide" onClick="JavaScript:fncHide1();"></td> <td valign="top"><table id="myTable2" width="190" border="1" cellspacing="0" cellpadding="0"> <tr> <td>ThaiCreate.Com</td> <td>ThaiCreate.Com</td> </tr> <tr> <td>ThaiCreate.Com</td> <td>ThaiCreate.Com</td> </tr> </table> <input name="btnShow2" id="btnShow2" type="button" value="Show" onClick="JavaScript:fncShow2();"> <input name="btnHide2" id="btnHide2" type="button" value="Hide" onClick="JavaScript:fncHide2();"></td> </tr> </table> </body> </html>
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท