<html> <head> <title>alert2</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #alert-box { display:none;position:absolute;width:auto;height:auto; border:outset gray 2px; background-color:silver; } #alert-title {color:white;margin-left:10px;} #alert-bar {background-color:navy;text-align:right;font-weight:bold;margin-bottom:5px;padding-bottom:3px;} #alert-bar a{color:blue;margin-right:5px;margin-left:20px;background-color:silver;padding:0 5px;text-decoration:none;} #alert-img {color:blue;float:left;margin-right:20px;margin-left:10px;} #alert-content {background-color:silver;float:left;margin-right:20px;} #alert-bar2 {clear:both;text-align:center;padding:10px 0;} </style> <script type="text/javascript"> //<![CDATA[ function alert2(msg,title){ var abox = document.getElementById('alert-box'); var acontent = document.getElementById('alert-content'); var atitle = document.getElementById('alert-title'); abox.style.display = 'block'; acontent.innerHTML = msg; if (typeof title == 'undefined'){ atitle.innerHTML = 'Message'; }else{ atitle.innerHTML = title; } abox.style.left = (screen.width - abox.offsetWidth) / 2; } function alert2_close(){ document.getElementById('alert-box').style.display='none'; } //]]> </script> </head> <body> <div id="alert-box"> <div id="alert-bar"><span id="alert-title">Message</span><a href="#" onclick="alert2_close();return false;">x</a></div> <div id="alert-img"><img src="image.gif" width="32" height="32" border="1" /></div> <div id="alert-content">[Content]</div> <div id="alert-bar2"><button id="alert-button" onclick="alert2_close();">OK</button></div> </div> <button onclick="alert2('msg1');">test1</button> <button onclick="alert2('msg2','hello title');">test2</button> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง