<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Alert</title>
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/css/button.css'/>">
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/css/jquery.alerts.css'/>">
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/css/jquery-ui.css'/>">
<script type="text/javascript" src="<c:url value='/resources/js/jquery.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery-ui.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery-migrate-1.2.1.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery.alerts.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery.blockUI.js'/>"></script>
<script type="text/javaScript" language="javascript">
$(document).ready(function() {
//alert
$("#btn_alert").click( function() {
jAlert('Alert 테스트입니다.', 'Alert Dialog');
});
//alert (callback)
$("#btn_callback").click( function() {
jAlert("Bye Bye!", "callback Dialog", function() {
window.location = "/";
});
});
//confirm
$("#btn_confirm").click( function() {
jConfirm('저장하시겠습니까?', 'Confirmation Dialog', function(r) {
if (r) {
jAlert('저장했습니다.', 'Confirmation Results');
}
});
});
});
</script>
</head>
<body>
<div class="btn_set_Left3">
<span id="btn_alert" class="btn_pack"><a href="#">Alert</a></span>
<span id="btn_confirm" class="btn_pack"><a href="#">Confirm</a></span>
<span id="btn_callback" class="btn_pack"><a href="#">Alert Callback</a></span>
</div>
</body>
</html>
댓글 없음:
댓글 쓰기