alert 창 대신에... 정보
alert 창 대신에...본문
경고창이 뜨는것을 그냥 페이지위에 메세지가 표시되도록 하는 방법이 없을까요?
요즘 웹 2.0을 표방하는 사이트들에서 종종 보이듯이요
ajax같이 소스를 많이 바꾸거나 추가해야 하는것 말고
기존 그누의 소스내에서 함수 추가등으로 방법이 잇을것도 같은데...
혹시 아이디어 주실분 안 계신가요?
댓글 전체
![](http://sir.kr/data/member_image/ss/sssport.gif?1451200550)
<script language="javascript" type="text/javascript">
// 조정할 수 잇는 값
var fontSize = 14; // 폰트 최대값
// 값을 변경하지 마세요
var left = 0;
var top = 0;
var fs = 0;
function Loading(mode,width_inc,obj_id) {
var obj = document.getElementById(obj_id);
if (!left) left = parseInt(obj.style.left.replace("px",""));
if (!top) top = parseInt(obj.style.top.replace("px",""));
if (obj.style.visibility == "hidden") obj.style.visibility = "visible";
if ((mode == 1 && fs <= fontSize) || (mode == 2 && fs > 0)) {
obj.style.left = left + (((fontSize*width_inc) - (fs*width_inc < 1 ? 20 : fs*width_inc)) / 2) + "px";
obj.style.top = top + (fontSize - fs) / 2 + "px";
obj.style.width = fs*width_inc < 1 ? 20 : fs*width_inc + "px";
obj.style.fontSize = fs + "px";
if (mode == 1) fs += 2;
else fs -= 2;
setTimeout("Loading("+mode+","+width_inc+",'"+obj_id+"')",30);
}
if (mode == 2 && fs < 1) {
fs = 0;
obj.style.visibility = "hidden";
}
}
</script>
<style>
.delete_box { padding:10; position:absolute; font-weight:bold; color:white; text-align:center; background:#6699CC; border:1px solid #000000; }
.delete_box A:link { color:white }
.delete_box A:visited { color:white }
.delete_box A:active { color:white }
.delete_box A:hover { color:white }
</style>
<a href="javascript:Loading(1,20,'delete_box2');">삭제1</a>
<a href="javascript:Loading(1,15,'delete_box');">삭제2</a>
<DIV id="delete_box2" class="delete_box" style="padding-top:5px; padding-bottom:5px; font-size:1px; left:200px; top:200px; visibility:hidden; width:20px;">
삭제하실 항목을 선택해주세요. <br /><br />
<span style="cursor:pointer" onclick="Loading(2,20,'delete_box2')">확인</span>
</DIV>
<DIV id="delete_box" class="delete_box" style="padding-top:5px; padding-bottom:5px; font-size:1px; left:250px; top:200px; visibility:hidden; width:20px;">
삭제하시겠습니까? <br /><br />
<span style="cursor:pointer" onclick="document.form_del.submit();">예</span>
<span style="cursor:pointer" onclick="Loading(2,15,'delete_box')">아니오</span>
</DIV>
위의 코드를 html파일로 저장해서 확인해 보세요.
// 조정할 수 잇는 값
var fontSize = 14; // 폰트 최대값
// 값을 변경하지 마세요
var left = 0;
var top = 0;
var fs = 0;
function Loading(mode,width_inc,obj_id) {
var obj = document.getElementById(obj_id);
if (!left) left = parseInt(obj.style.left.replace("px",""));
if (!top) top = parseInt(obj.style.top.replace("px",""));
if (obj.style.visibility == "hidden") obj.style.visibility = "visible";
if ((mode == 1 && fs <= fontSize) || (mode == 2 && fs > 0)) {
obj.style.left = left + (((fontSize*width_inc) - (fs*width_inc < 1 ? 20 : fs*width_inc)) / 2) + "px";
obj.style.top = top + (fontSize - fs) / 2 + "px";
obj.style.width = fs*width_inc < 1 ? 20 : fs*width_inc + "px";
obj.style.fontSize = fs + "px";
if (mode == 1) fs += 2;
else fs -= 2;
setTimeout("Loading("+mode+","+width_inc+",'"+obj_id+"')",30);
}
if (mode == 2 && fs < 1) {
fs = 0;
obj.style.visibility = "hidden";
}
}
</script>
<style>
.delete_box { padding:10; position:absolute; font-weight:bold; color:white; text-align:center; background:#6699CC; border:1px solid #000000; }
.delete_box A:link { color:white }
.delete_box A:visited { color:white }
.delete_box A:active { color:white }
.delete_box A:hover { color:white }
</style>
<a href="javascript:Loading(1,20,'delete_box2');">삭제1</a>
<a href="javascript:Loading(1,15,'delete_box');">삭제2</a>
<DIV id="delete_box2" class="delete_box" style="padding-top:5px; padding-bottom:5px; font-size:1px; left:200px; top:200px; visibility:hidden; width:20px;">
삭제하실 항목을 선택해주세요. <br /><br />
<span style="cursor:pointer" onclick="Loading(2,20,'delete_box2')">확인</span>
</DIV>
<DIV id="delete_box" class="delete_box" style="padding-top:5px; padding-bottom:5px; font-size:1px; left:250px; top:200px; visibility:hidden; width:20px;">
삭제하시겠습니까? <br /><br />
<span style="cursor:pointer" onclick="document.form_del.submit();">예</span>
<span style="cursor:pointer" onclick="Loading(2,15,'delete_box')">아니오</span>
</DIV>
위의 코드를 html파일로 저장해서 확인해 보세요.
이거 써봤습니다만..;;;
불여우에서는 잘 안 먹히지 않나요?
불여우에서는 잘 안 먹히지 않나요?
![](http://sir.kr/data/member_image/ss/sssport.gif?1451200550)
파이어폭스도 문제없을 듯 한데.
파이엉폭스 설치되어 있는 유저분 확인해 보세요.
파이엉폭스 설치되어 있는 유저분 확인해 보세요.
감사합니다.