알림스타일 및 알림시 스크롤 금지 코드 추가

This commit is contained in:
chicpro
2013-10-22 09:30:13 +09:00
parent 557c0d9fbd
commit b432fa4a90
2 changed files with 12 additions and 8 deletions

View File

@ -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);
}); });
}); });

View File

@ -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}