标签: jquery-dialog

有一个页面作为transaction.html

如何在另一个页面的弹出窗口中打开此页面,在jquery对话框中说show_transactions.html

       $dialog.html()  //open transaction.html in this dialog
     .dialog({
        autoOpen: true,
        position: 'center' ,
        title: 'EDIT',
        draggable: false,
        width : 300,
        height : 40, 
        resizable : false,
        modal : true,
     });
     alert('here');
     $dialog.dialog('open');

此代码存在于show_transactions.html中

谢谢..

我想在jQuery UI对话框中显示MVC3不引人注意的ValidationSummary错误.具体来说,我希望能够获得"现场" $('.validation-summary-errors').dialog(...);般的体验.也就是说,每当MVC3客户端验证(第一次)或更新(重复攻击).validation-summary-errors元素时,我希望结果出现在jQuery UI对话框中.

我目前有一些东西

@Using Html.BeginForm("Action", "Controller", FormMethod.Post, New With {.id = "MyForm"})
    @Html.ValidationSummary()
...

$('#MyForm').submit(function () {
    if (!$(this).valid()) {
        $('.validation-summary-errors').dialog(...);
        return false;
    }
});

但这对我来说不合适.

感觉我应该能够挂钩到验证框架并通知验证已完成,并且现在显示错误摘要或更新错误.然后使用该事件,dialog()现在显示/更新的.validation-summary-errors元素.有这样的事吗？或者还有其他建议吗？

我想在open事件中更改JQuery UI对话框的标题.

我尝试了以下方法:

open: function (event, ui) {
    this.title = "new name";
}

但它不起作用,标题保持不变.

我有一个HTML按钮:

<button id="monitor" onclick="startMonitor('<?php echo $result_cameras[$i]["camera_hash"]; ?>', '<?php echo $result_cameras[$i]["camera_name"]; ?>', '<?php echo $camera_quality_flash; ?>');">Monitor</button>

这将加载Flash内容:

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
<script type="text/javascript">
var js = jQuery.noConflict();

var startMonitor = function(cameraHash, cameraName, cameraFlashQuality) {
var url = ['flash/app.php?user=<?php echo $id_hash; ?>', 'camera=' + cameraHash, 'name=' + encodeURIComponent(cameraName), 'quality=' + cameraFlashQuality].join('&');
js('<div></div>').load(url, function() {
    js(this).dialog();
});
};

我想使用jquery对话框打开此内容.传入的所有内容似乎都是完美的(根据来自萤火虫的GET响应)但我仍然得到一个jquery错误.

missing ; before statement jquery.js line 612

我究竟做错了什么？我甚至不确定如何调试这个.提前致谢.

编辑: Firebug报告GET为:http://myurl.com/flash/app.php?user=dee8c751cfdd2b5fb8194a3a9bac12044621df3d&camera=8f753c6bb3a8d9852a220abff0ed0d7686563007&name=test22&quality=0.我期待这些价值观.

如果我将此网址粘贴到我的浏览器中,则Flash应用程序会按预期在浏览器中启动,但显然不会显示在jquery对话框中.我的jquery代码一定有问题吗？

我有地址的div-box,每个地址都有自己的按钮,按钮应打开一个对话框,您可以在其中编辑某个地址.

按钮ID始终为edit_address_(数字),数字是数据库的ID.所以数字不是1,2,3但可能是12,35,122,显示的对话框有ids对话框 - form_(数字).

那么如何才能首先获得现有ID的所有结束数字,然后为其创建循环

$( "#dialog-form_$i" ).dialog({
    autoOpen: false,
    height: 300,
    width: 390,
    modal: true
    });

$('#edit_address_$i').button().click(function() {
    $('#dialog-form_$i').dialog('open');
}); 

我知道这段代码不起作用,但如何实现呢？

jsFiddle:http://jsfiddle.net/loren_hibbard/ChXbr/

我正在尝试使用jQuery UI对话框,但无法弄清楚它fadeIn何时出现以及fadeOut何时关闭.

如果我做这样的事......

// Dialog           
$('#dialog').dialog({
   autoOpen: false,
   width: 600,
   modal: true,
   show: 'fadeIn(300)'
});

...然后使用奇怪的jQuery效果进行模态滑动,其中所有文本内部都经常调整其格式和格式.我想要一个正常的淡入淡出的内容类型顺利实现(http://www.bennadel.com/resources/presentations/jquery/demo5/index.htm).

另外,有没有让模态覆盖更暗一些？为什么当我删除看似无关的文本段落时,模态会停止工作？

我正在开发一个sp2013应用程序,这意味着它正在使用iframe.具体来说,它是一个非常大的iframe占据了大部分屏幕.在很多方面,我正在打开jquery ui对话窗口.它们被设置为出现在视口的中间,这很好,除了它显示在iframe的中间,而不是显示在可见屏幕的中间.

有没有办法告诉jquery ui看看window.top的滚动属性,而不是iframe？

编辑:iframe和父级位于同一个域中,因此跨域问题不是问题.

我在我的页面中使用了3个对话框,用于3个差异目的.

我创建对话框为

  $(".dialog").dialog({
        height: 238,
        width: 465,
        resizable: false,
        title: "Edit"
    });

我在对话框上完成操作后关闭对话框为

   $(".ui-dialog").hide();

当我隐藏这种方式对话框没有第二次打开时,所以尝试显示对话框启动功能

  $(".ui-dialog").show();

我的问题从这里开始......

当我显示对话框时,Dialogs被多次打开,STill第一个打开的对话框正在与第二个对话框重叠,

是否有任何正确的方法隐藏和显示对话框没有重叠或干净的方式.

我正在寻找一个JQuery小部件混合对话框和选项卡.我们的想法是将关闭与选项卡放在同一行,并选择ok/cancel按钮.stackoverflow中有一个旧条目,但它与最新的Jquery UI版本 - 1.8无法正常工作.

在做我自己的版本之前,有人想分享一个现有的解决方案吗？

-----更新-------------

Didier的答案很好,我修改了他的答案,添加按钮并将按钮更改为jquery图标并创建一个jquery-ui小部件 - >这是代码/示例.

如果有人发现如何将硬编码的css移动到实际的css,那将是受欢迎的.

我在我的页面中使用jquery ui对话框,令人惊讶的是,zeroclipboard复制到剪贴板功能在jquery对话框中不起作用.

这是我的整个代码......

<html>
<head>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" 
    type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://davidwalsh.name/dw-content/ZeroClipboard.js"></script>

    <script type="text/javascript"> 
    $(function(){
        $('#ex1').click(function(){
            var div = $('#div1');
            div.dialog(
                {
                    title:'Dialog1',
                    width: 300,
                    height: 150,
                    closeOnEscape: false
                });
        });
    });

    function toClipboard(me, msg_id) {
                        ZeroClipboard.setMoviePath('http://davidwalsh.name/dw-content/ZeroClipboard.swf');
                        var clip = new ZeroClipboard.Client();
                        //clip.setHandCursor( true );
                        var txt = $("#msg_p_span_"+msg_id).html();

                        console.log("Text: "+txt);
                            clip.addEventListener('mousedown',function() {
                            clip.setText(txt);
                            console.log("Copied");
                            });
                            clip.addEventListener('complete',function(client,text) {
                            alert('copied: ' + text);
                            });
                        clip.glue(me);
                }
    </script>

<title>jQuery UI dialog extra demo</title>
</head>
<body>

  <span id="msg_p_span_1" …