<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>Thai logistic post</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="images/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="slimbox/js/slimbox2.js"></script> <link rel="stylesheet" href="slimbox/css/slimbox2.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/style_Index.css" /> <link rel="stylesheet" type="text/css" href="css/style_Menu.css" /> <link rel="stylesheet" type="text/css" href="css/style_Board.css" /> <link rel="stylesheet" type="text/css" href="css/Style_Page.css" /> <script language="javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#addRow").click(function(){ $("#myTbl").append($("#firstTr").clone()); }); $("#removeRow").click(function(){ if($("#myTbl tr").size()>1){ $("#myTbl tr:last").remove(); }else{ alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); } }); }); </script> <style type="text/css"> <!-- .style2 {color: #990000} .style3 {color: #FF0000} --> </style> </head> <body> <table width="99%" border="0" align="center" bordercolor="#EBEBEB" bgcolor="#EBEBEB" class="Login"> <tr> <td height="30" align="left" valign="top" bgcolor="#ECECEC"><form method="post" enctype="multipart/form-data" id="FMemBer" name="FMemBer"> <table id="myTbl" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ECECEC"> <tr id="firstTr"> <td width="16%" height="25" align="right" valign="middle"><strong>Code : </strong></td> <td width="84%" height="25" align="left" valign="middle"><input name="txtCode[]" type="text" id="txtCode[]" style="width: 30%" maxlength="13" /> <span class="style3">*</span></td> </tr> </table> <table width="500" border="0" cellspacing="0" cellpadding="0" style="margin-top: 5px;"> <tr> <td width="119"> </td> <td width="381"><button id="addRow" type="button">+</button> <button id="removeRow" type="button">-</button> </td> </tr> </table> </form></td> </tr> <tr> </tr> </table> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Multirows Insert</title> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#addRow").click(function(){ var $Nb = $("#myTbl tr").length; var NR =""; NR="<tr>"; NR+="<td width=\"140\">"; NR+="<input type=\"text\" name=\"name[]\" id=\"name[]\" value=\""+$Nb+"\" />"; NR+="</td>"; NR+="</tr>"; //$("#myTbl").append($("#firstTr").clone()); $("#myTbl").append($(NR)); }); $("#removeRow").click(function(){ if($("#myTbl tr").size()>2){ $("#myTbl tr:last").remove(); }else{ alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); } }); }); </script> </head> <body> <p><button id="addRow" type="button">+</button> <button id="removeRow" type="button">-</button> </p> <table id="myTbl" width="148" border="1" cellspacing="2" cellpadding="0"> <tr> <td align="center">NAME</td> </tr> <tr id="firstTr"> <td width="140"><input type="text" name="name[]" id="name[]" value="1"/></td> </tr> </table> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
