[jquery] dialog()
jquery ui 를 통해서 사용할 수 있다
------------------------------------------------------------------------
ex1)
<script type="text/javascript">
$(".openDialog").live("click", function (e) {
e.preventDefault();
$("<div></div>")
.addClass("dialog")
.attr("id", $(this)
.attr("data-dialog-id"))
.appendTo("body")
.dialog({
title: $(this).attr("data-dialog-title"),
close: function () { $(this).remove() },
modal: true,
})
.load(this.href);
});
</script>
------------------------------------------------------------------------
ex2)
<script type="text/javascript">
$("#List").click(function(){
$("input[name=memMbNm]").val("");
$('div#modalDiv').empty()
.dialog({ modal: true, width: 400, minWidth: 500, title:'알림', position:['center', 200] })
.load('/List.pop', {no:$("input[name=no]").val(),civilType:$('input:radio[name=type]:checked').val()})
.bind('dialogclose', function() { $(this).dialog('destroy'); });
});
</script>
------------------------------------------------------------------------
참고 api 링크
http://api.jqueryui.com/dialog/