10/10/2018, 10:41
Thay hộp thông báo của window bằng giao diện khác
Ví dụ, để tải một phần mềm nào đó, khi user nhấp vào chữ "download" thay vì hiện ra thông báo "Bạn chưa đăng nhập" (javascrip, alert). Nó sẽ hiện ra một bảng (do ta tùy chỉnh css) như hình dưới:
Bài liên quan
Tạo 1 thẻ div chứa nội dung xong cho nó ẩn đi. Khi nào cần thì show lên thông qua thuộc tính display.
Nếu nội dung động, dùng creatElement() hoặc appendChild() để tạo cái hộp thông báo đó. Xong rồi Kill nó đi.
Tui nhận thấy cái hình của bác chủ thớt là dùng thickbox đã qua chỉnh sửa css.
Giống như cái này http://2beknown.de/ khi bạn truy cập lần đầu tiên.
Còn hộp thoại window thì không thay đc theo ý mình đâu. Nó có vài style cố định và bố cục cố định không thể thay đổi.
http://hoctudau.com/web-tools/getfiles/
<html> <body> <script type="text/javascript"> function my_alert(title,content){ document.getElementById("dialog_title").innerHTML=title; document.getElementById("dialog_content").innerHTML=content; document.getElementById("dialog").style.display="block"; } </script> <div id="dialog" style="top:50px;left:100px;background-color:#ffffff;position:absolute;border:#ff0000 solid 1px; display:none;width:200px;margin:auto;z-index:1000"> <div id="dialog_title" style="background-color:blue; height:20px"></div> <div id="dialog_content" style="height:200px"></div> <div id="button" style="width:50px;cursor:default" onclick="document.getElementById('dialog').style.display='none'">OK</div> </div> <a href="javascript:my_alert('title here','content here');">Show</a> </body> </html>