<!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=utf-8" /> <title>Untitled Document</title> <script> function addEvent() { var ni = document.getElementById('myDiv'); var numi = document.getElementById('theValue'); var num = (document.getElementById("theValue").value -1)+ 2; numi.value = num; var divIdName = "my"+num+"Div"; var newdiv = document.createElement('div'); newdiv.setAttribute("id",divIdName); newdiv.innerHTML = '<div style="border-bottom-style: groove"></div>' +'<table width="100%" border="0" cellpadding="0" cellspacing="1">' +'<tr>' +' <td width="21%" style="background-color:#E2E2E2" class="header_b01">ตำแหน่ง :'+'</td>' + '<td class="header_b01"><input type="text" name="position">'+'<td>' +'</tr>'+'<tr>' +'<td width="21%" style="background-color:#E2E2E2" class="header_b01">หน่วยงาน :'+'</td>' + '<td class="header_b01"><input type="text" name="agency">'+'<td>' +'</tr>'+'<tr>' +'<td width="21%" style="background-color:#E2E2E2" class="header_b01">ตั้งแต่ปี :'+'</td>' + '<td class="header_b01"><input type="text" name="start_year">'+'<td>' +'</tr>'+'<tr>' +'<td width="21%" style="background-color:#E2E2E2" class="header_b01">ถึงปี :'+'</td>' + '<td class="header_b01"><input type="text" name="end_year">'+'<td>' +'</tr>'+'</table>' + num + " has been added! <a href=\"javascript:;\" onclick=\"removeElement(\'"+divIdName+"\')\">Remove the element ""+divIdName+""</a>"; ni.appendChild(newdiv); } function removeElement(divNum) { var d = document.getElementById('myDiv'); var olddiv = document.getElementById(divNum); d.removeChild(olddiv); } </script> <style media="screen" type="text/css"> .updated { background: #FFE2AF; color: #000; border: 2px solid #ccc; padding: 1em; } </style> </head> <body> <input id="theValue" type="hidden" value="3"> <p> </p> <div id="parent"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="tbExp"> <thead> <tr bgcolor="#a0a0a0"> <td colspan="5" class="header_b01"> <a onclick="addEvent();" href="javascript:;"><input type="button" value="+"/></a> </td> </tr> </thead> <div id="child"> <tbody> <tr> <td width="21%" bgcolor="#E2E2E2" style="border-bottom:#FFFFFF 1px solid; BORDER-RIGHT: #FFFFFF 1px solid"> ตำแหน่ง :</td> <td width="79%"><input name="position" type="text" id="position" size="20" maxlength="40" value="<?=$position;?>"/></td> </tr> <tr> <td bgcolor="#E2E2E2" style="border-bottom:#FFFFFF 1px solid; BORDER-RIGHT: #FFFFFF 1px solid"> หน่วยงาน :</td> <td><input name="agency" type="text" id="agency" size="20" maxlength="40" value="<?=$agency;?>"/></td> </tr> <tr> <td bgcolor="#E2E2E2" style="border-bottom:#FFFFFF 1px solid; BORDER-RIGHT: #FFFFFF 1px solid"> ตั้งแต่ปี :</td> <td><input name="start_year" type="text" id="start_year" size="20" maxlength="40" value="<?=$start_year;?>"/></td> </tr> <tr> <td bgcolor="#E2E2E2" style="border-bottom:#FFFFFF 1px solid ; BORDER-RIGHT: #FFFFFF 1px solid"> ถึงปี :</td> <td><input name="end_year" type="text" id="end_year" size="20" maxlength="40" value="<?=$end_year;?>"/></td> </tr> </tbody> </div> </table> </div> <div id="myDiv"> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง