[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/