标签: jquery-dialog

我不太清楚jquery ui.是否存在用于打印jquery对话框内容的插件/一些代码(仅打印对话框内容而非所有网页)

谢谢

使用javascript(jQuery在我的情况下是精确的)我需要启用一个对话框,在Google Analytics中作为唯一的页面视图进行跟踪,尽管它只是一个模态覆盖.

出于上下文的目的,我不希望用户离开页面,并且通过ajax调用加载对话框内容.

这是我目前的代码:

$("#DialogScroll").dialog({
                bgiframe: true,
                autoOpen: false,
                maxHeight: 600,
                width: 550,
                modal: true,
                resizable: false,
                open: function (type, data) {
                    $(this).parent().appendTo("form");
                },
                close: function () { }
            });

maxHeight在预期的Firefox,Chrome等中运行良好,但IE 7显然存在问题.有没有人知道如何让UI对话框在IE中使用maxHeight？

<div id="DialogScroll" class="dialog" style="display:none; ">
        <table>
            <thead>
                <tr>
                    <th>
                        State Code
                    </th>
                    <th>
                        State Name
                    </th>
                </tr>
            </thead>
            <tbody>
                <asp:Literal ID="litStates" runat="server" />
            </tbody>
        </table>
    </div>

我有一个flowplayer我用它下面的几张照片.单击这些图片时,将dialog创建这些图片的放大版本.问题是flowplayer永远是最重要的dialog.

我已经尝试设置z-index的的dialog高和flowplayer低,但它不工作.

有没有一种方法flowplayer可以降低它z-index或允许我dialog放在它上面？

编辑继承人流程图:

//Uses flowplayer to create player
$f('#rightVideoContent', "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
    //Creates a single clip for the flow player
    clip: {
        url: videoLocation,
        autoPlay: true,
        autoBuffering: true
    },
    plugins: {
        controls: null
    },
    onLoad: function () {
        //Do nothing here
    }
});

这是 div

<div id = "rightVideoContent" class = "VideoDiv"></div>

我用的flowplayer-3.2.6.js还有

我有一个多刺的.我有一个asp.net网页表单页面.在页面中,我有一个div标签,我已将其设置为用作jQuery对话框.在div中有一些jQuery控件.我打开对话框,然后点击其中一个按钮开始回发.当页面回发时,代码隐藏还没有读取控件中的值.当然对html的一点点深入研究表明,对话框占用了我的div并将其移动到html页面的底部OUTSIDE我的asp.net表单标签.乌尔克!

我该怎么回事呢？

并不是说我的对话框代码真的有助于这种情况:

 $("#dialog-copy").dialog({
        autoOpen: false,
        height: 200,
        width: 400,
        modal: true,
        resizable: false,
        buttons: {
            'Cancel': function () {
                $(this).dialog('close');
            },
            'Yes': function () {
                $(this).dialog('close');
                $("[id*=btnCopy]")[0].click();
            }
        },
        open: function () {
            $(":button:contains('Yes')").addClass("blue");
        }
    });
     $("[id*=btnCopy]").live('mousedown', function (e) {
        e.preventDefault();
        $("#dialog-copy").dialog('open');
     });

一个典型的div标签(移动到我的表单标签之外)看起来像这样:

<div id="dialog-copy" style="DISPLAY: none" title="Copy Schedule">
    <p>Please enter a schedule number:</p>
    <asp:Textbox runat="server" id="txtSchNo"></asp:Textbox>
</div>

单击"是"将触发调用回发的按钮.

我使用jquery对话框显示了很多表单,我希望在其上添加客户端验证.我通读了一些例子,说mvc 3已经以某种方式支持jquery客户端验证,但我尝试了包含必要的脚本,我的表单如下:

 @using (Html.BeginForm("CreateFood", "Home", FormMethod.Post, new { id = "formData" }))
       {
           @Html.ValidationSummary(false, "Please fix these errors.")

当我尝试提交我的表格而没有填写必填字段时,我仍然会得到任何消息.谁能给我更多的想法/解释/例子？

真的需要帮助...谢谢......

更新(在我的对话框的脚本中添加)

 $createdialog.dialog("option", "buttons", {
        "Cancel": function () {
            //alert('Cancel');
            $createdialog.dialog('close');

        },
        "Submit": function () {

            var frm = $('#formData');
            $.ajax({
                url: '/Food/CreateFood',
                type: 'POST',
                data: frm.serialize(),
                success: $createdialog.dialog('close')
            });
        }
    });

删除后,打开对话框:

  // Once drop, open dialog to create food
    options.drop = function (event, ui) {
        // Get the ContainerImgName which food dropped at
        var cimg = $(this).attr('id');
        // Pass …

我有一个jQuery对话框,其中按钮通过实线与内容分隔.是否可以删除此行？我没有办法做到这一点.

谢谢.

可以动态更改jquery ui对话框的模态模式吗？

我做了一个工作的例子:http://jsfiddle.net/LXB2Y/,看起来它不起作用.

 $( this ).dialog("option","modal",false);

我在jQuery中加载一个页面Dialog.在ajax命令完成后,我希望能够在jQuery中重新加载相同的页面Dialog.如何Dialog从加载的页面中重新加载jQuery Dialog？

父页面(Blah.aspx):

<script type="text/javascript">
    function view_dialog() {
        $('#dialog').load('blah2.aspx').dialog({
            title: 'test' ,
            modal: 'true',
            width: '80%',
            height: '740',
            position: 'center',
            show: 'scale',
            hide: 'scale',
            cache: false });
    }
</script>

<asp:Content
    ID="Content2"
    ContentPlaceHolderID="ContentPlaceHolder1"
    runat="server">

    <input id="Button1" onclick="view_dialog()" type="button" value="button" />
    <div id="dialog" style="display: none"></div>

</asp:Content>

对话框内容页面(blah2.aspx):

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
    $(document).ready(function() {
        function doit() {
            var request = $.ajax({
                url: "someurl",
                dataType: "JSON",
                data: {
                    a: 'somevalue'
                }
            });

            request.done(function () { …

我的jquery对话框由于某种原因是透明的,但它确实显示了我正在加载的局部视图的字段.当我有另一个jquery对话框工作正常时,我不确定它为什么这样做.

            @Html.ActionLink("Upload Image", "UploadImage", "Patients", null, new { @class = "popupLinks" })
            <script type="text/javascript">
                $(function () {
                    $(".popupLinks").click(function (e) {
                        var url = this.href;                        
                        $("#imageUpload").load(url,{},function (responseText, textStatus, XMLHttpRequest) {
                            $("#imageUpload").dialog({
                                modal: true,
                                autoOpen: true,
                                draggable: true,
                                resizable: false,
                                width: 500,
                                show: { effect: 'fade', duration: 2000 },
                                    close: function (event, ui) {
                                        dialog.remove();
                                    }                                    
                            }).dialog("widget").next(".ui-widget-overlay").css("background", "#000000");;
                            }
                        );
                        return false;
                    });
                });
            </script>