jquery를 이용하여 iframe tag 안에 html 을 popup으로 올리는 jquery-ui-dialog 예제

// 아래는 구글링해서 가져온 소스 입니다... 홈페이지 팝업으로 고민 하신다면... 이걸 강추 합니다.



$('div#test00 a').click(function(e) {

                e.preventDefault();

                alert (0)

                var $this = $(this);

                var horizontalPadding = 30;

                var verticalPadding = 30;

                $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({

                    title: ($this.attr('title')) ? $this.attr('title') : 'External Site',

                    autoOpen: true,

                    width: 800,

                    height: 500,

                    modal: true,

                    resizable: true,

                    autoResize: true,

                    overlay: {

                        opacity: 0.5,

                        background: "black"

                    }

                }).width(800 - horizontalPadding).height(500 - verticalPadding);            

            });