이전 포스터 상태로, 아니요.
메시지와 함께 표시 할 div를 가질 수 있습니다. 이런 식으로해볼 수 있니?
<html>
<head>
<title>JavaScript test</title>
<script type="text/javascript" language="JavaScript">
function show(message) {
document.getElementById('messageboxframe').innerHTML = message;
document.getElementById('messageboxframe').style.display = 'block';
document.getElementById('messageboxoverlay').style.display = 'block';
}
function hide() {
document.getElementById('messageboxframe').style.display = 'none';
document.getElementById('messageboxoverlay').style.display = 'none';
}
</script>
<style type="text/css">
html, body, div
{
padding: 0;
margin: 0;
}
.messageboxoverlay
{
position: fixed;
width: 100%;
height: 100%;
opacity:0.75;
background-color: rgb(200,200,200);
}
.messageboxviewer
{
position: fixed;
cursor: pointer;
min-width: 400px;
min-height: 200px;
left: 40%;
top: 30%;
background-color: White;
padding: 10px;
}
</style>
</head>
<body>
<div class="messageboxoverlay" style="display:none" id="messageboxoverlay" >
</div>
<div class="messageboxviewer" style="display:none" id="messageboxframe" onclick="hide()">
<span id="messagebox" />
</div>
<div style="margin: 5px 5px;">
<a href="javascript:;" onclick="show('hello')">show messagebox</a>
</div>
</body>
</html>
messageboxviewer div에는 "원하는 것은 무엇이든지"라고 쓸 수 있습니다. 또는 예제로 할 수 있으며 함수에서 메시지를 표시 할 수 있습니다.