알림스타일 및 알림시 스크롤 금지 코드 추가
This commit is contained in:
@ -11,21 +11,25 @@ function fancyalert(msg)
|
|||||||
}
|
}
|
||||||
|
|
||||||
box = "<div id=\"fancyalert\" style=\"top:"+scroll_top+"px;width:"+w+"px;height:"+h+"px;\">";
|
box = "<div id=\"fancyalert\" style=\"top:"+scroll_top+"px;width:"+w+"px;height:"+h+"px;\">";
|
||||||
box += "<table>";
|
box += "<span>"+msg;
|
||||||
box + "<tr>";
|
|
||||||
box += "<td width=\""+w+"\" height=\""+h+"\">"+msg;
|
|
||||||
box += "<br>";
|
box += "<br>";
|
||||||
box += "<button type=\"button\" id=\"fancyalert_close\">확인</button>";
|
box += "<button type=\"button\" id=\"fancyalert_close\">확인</button>";
|
||||||
box += "</td>";
|
box += "</span>";
|
||||||
box += "</tr>";
|
|
||||||
box += "</table>";
|
|
||||||
box += "</div>";
|
box += "</div>";
|
||||||
|
|
||||||
$("body").append(box);
|
$("body").append(box);
|
||||||
|
|
||||||
|
$("html, body").on("touchmove", blockScroll);
|
||||||
|
}
|
||||||
|
|
||||||
|
function blockScroll(event)
|
||||||
|
{
|
||||||
|
event.preventDefault();
|
||||||
}
|
}
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
$("#fancyalert_close").live("click", function() {
|
$("#fancyalert_close").live("click", function() {
|
||||||
$("#fancyalert").fadeOut().remove();
|
$("#fancyalert").fadeOut().remove();
|
||||||
|
$("html, body").off("touchmove", blockScroll);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -84,5 +84,5 @@
|
|||||||
#loading_message img {position:relative;opacity:1.0}
|
#loading_message img {position:relative;opacity:1.0}
|
||||||
|
|
||||||
/* 알림 box */
|
/* 알림 box */
|
||||||
#fancyalert {position:absolute;top:0;left:0;z-index:10000;background-color:#000;opacity: 0.5}
|
#fancyalert {display:table;position:absolute;top:0;left:0;z-index:10000;background-color:#000;opacity: 0.5;text-align:center}
|
||||||
#fancyalert td { color:#fff;text-align: center;opacity:1.0}
|
#fancyalert span {display:table-cell;vertical-align:middle;color:#fff;opacity:1.0}
|
||||||
Reference in New Issue
Block a user