$(document).ready(function(){ // -- Datepicker $(".my_date").datepicker({ dateFormat: 'dd-mm-yy', showButtonPanel: true }); // -- Clone table rows $(".cloneTableRows").live('click', function(){ // this tables id var thisTableId = $(this).parents("table").attr("id"); // lastRow var lastRow = $('#'+thisTableId + " tr:last"); // clone last row var newRow = lastRow.clone(true); // append row to this table $('#'+thisTableId).append(newRow); // make the delete image visible $('#'+thisTableId + " tr:last td:last img").css("visibility", "visible"); // clear the inputs (Optional) $('#'+thisTableId + " tr:last td :input").val(''); // new rows datepicker need to be re-initialized $(newRow).find("input").each(function(){ if($(this).hasClass("hasDatepicker")){ // if the current input has the hasDatpicker class var this_id = $(this).attr("id"); // current inputs id var new_id = this_id +1; // a new id $(this).attr("id", new_id); // change to new id $(this).removeClass('hasDatepicker'); // remove hasDatepicker class // re-init datepicker $(this).datepicker({ dateFormat: 'mm-dd-yy', showButtonPanel: true }); } }); return false; }); // Delete a table row $("img.delRow").click(function(){ $(this).parents("tr").remove(); return false; }); }); </script> </head> <body> <!--<p><a href="cloneDatepicker.php">refresh page</a></p>--> <form method="post"> <!-- test table 2 --> <table id="table2" border="0" cellpadding="0" cellspacing="5"> <tr> <th></th> <th align="left">Comment:</th> <th align="left">Date approve:</th> <td><img src="images/add.png" class="cloneTableRows" style="cursor:pointer;"/></td> </tr> <tr> <td></td> <!--<td><input type="text" name="in_comment[]" /></td>--> <td valign="top"><textarea name="in_comment[]" rows="2" cols="40" ></textarea></td> <td valign="top"><input type="text" name="in_date[]" class="my_date" readonly style="color:#FF0000;" /></td> <td valign="top"><img src="images/del.png" alt="" class="delRow" style="visibility: hidden;cursor:pointer;" /></td> </tr> </table> <table id="table3" border="0" cellpadding="0" cellspacing="5" > <tr> <td colspan="4" align="right"><div><input type="submit" name="submit" value="submit" /></div></td> </tr> </table> </form>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 02
Load balance : Server 02
