页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

一个支持ff的modaldialog的js代码

发布：dxy 发布日期：2007-3-5 字体：[增加减小] 类型：转载

这是我看到的另一种方法了，虽然仍然不怎么样，不过了解一下也是不错的，目前代码不支持opera，我也没时间看能否支持＝。＝
原地址：http://www.koders.com/javascript ... 882713BA1C7DD0.aspx

点击运行可以看到效果:

Dialog._parentEvent = function(ev) { 
    if (Dialog._modal && !Dialog._modal.closed) { 
        Dialog._modal.focus(); 
        // we get here in Mozilla only, anyway, so we can safely use 
        // the DOM version. 
        ev.preventDefault(); 
        ev.stopPropagation(); 
    } 
};

// should be a function, the return handler of the currently opened dialog. 
Dialog._return = null;

// constant, the currently opened dialog 
Dialog._modal = null;

// the dialog will read it's args from this variable 
Dialog._arguments = null;

Dialog._geckoOpenModal = function(url, action, init) { 
    var dlg = window.open(url, "ha_dialog", 
                  "toolbar=no,menubar=no,personalbar=no,width=10,height=10," + 
                  "scrollbars=no,resizable=no"); 
    Dialog._modal = dlg; 
    Dialog._arguments = init;

// capture some window's events 
    function capwin(w) { 
        w.addEventListener("click", Dialog._parentEvent, true); 
        w.addEventListener("mousedown", Dialog._parentEvent, true); 
        w.addEventListener("focus", Dialog._parentEvent, true); 
    }; 
    // release the captured events 
    function relwin(w) { 
        w.removeEventListener("focus", Dialog._parentEvent, true); 
        w.removeEventListener("mousedown", Dialog._parentEvent, true); 
        w.removeEventListener("click", Dialog._parentEvent, true); 
    }; 
    capwin(window); 
    // capture other frames 
    for (var i = 0; i < window.frames.length; capwin(window.frames[i++])); 
    // make up a function to be called when the Dialog ends. 
    Dialog._return = function (val) { 
        if (val && action) { 
            action(val); 
        } 
        relwin(window); 
        // capture other frames 
        for (var i = 0; i < window.frames.length; relwin(window.frames[i++])); 
        Dialog._modal = null; 
    }; 
};

Dialog("http://google.com",function(){alert('test')},null);

</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：一个支持ff的modaldialog的js代码