<!DOCTYPE html> <html> <head> <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> <script data-require="bootstrap@*" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <link data-require="bootstrap-css@*" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/> </head> <body> <div> <a href="#myModal" data-toggle="modal" id="1" data-target="#edit-modal">Edit 1</a> </div> <div> <a href="#myModal" data-toggle="modal" id="2" data-target="#edit-modal">Edit 2</a> </div> <div> <a href="#myModal" data-toggle="modal" id="3" data-target="#edit-modal">Edit 3</a> </div> <div id="edit-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body edit-content"> wdwdwd <?php echo $modal; $modal; ?> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> <script> $('#edit-modal').on('show.bs.modal', function(e) { var $modal = $(this), esseyId = e.relatedTarget.id; // $.ajax({ // cache: false, // type: 'POST', // url: 'backend.php', // data: 'EID='+essay_id, // success: function(data) // { $modal.find('.edit-content').html(esseyId); // } // }); }) </script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง