关闭对话框javascript在不同的页面上

时间:2012-12-26 09:25:03

标签: javascript dialog jquery-ui-dialog

我可以在提交对话框中的数据后关闭对话框javascript(对话框中的表单在不同的页面上加载),. 我的英语很糟糕,这是剧本。

$(document).ready(function () {
        $('a#href').live('click', function (e) {
            e.preventDefault();
            var page = $(this).attr("href")
            var pagetitle = $(this).attr("title")
            var $dialog = $('<div></div>')
            //var $dialog = $(window.parent.document.getElementById('modal')) 
            .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
            //.html(page)
            .dialog({
                autoOpen: false,
                modal: true,
                height: 550,
                width: 700,
                title: pagetitle

                    });
                $dialog.dialog('open');


                });

 });

html:

<a id="href" title="Form Upload Dokumen BAUK / BAUF" href="upload_bauk_r2b.php?project_id=<?php echo $project_id; ?>"></a>

1 个答案:

答案 0 :(得分:0)

如果iFrame来自同一个域,我假设因为您只使用文件名而不是整个域来引用upload_bauk_r2b.php,那么应该可以从父文档访问iFrame(其中你当前的脚本在其中)。

因此,您可以以编程方式(使用Javascript)在iFrame中生成“close”-Button,然后将模式弹出窗口的销毁绑定到该close-Button。在jQuery方面我不是专家,但我猜你会绑定事件,就像绑定-Link上的'click'-Event一样。

另一个提示:为什么还要使用iFrame?难道你不能只通过AJAX动态加载该模态弹出窗口的内容吗?