分享

ZCMS弹出框效果(兼容主流浏览器)

 悟静 2011-02-02

zDialog v2.0 - samples



1. 普通窗口


	Dialog.open({URL:"javascript:void(document.write('这是弹出窗口中的内容'))"});

2. 设定了高宽和标题的普通窗口


	var diag = new Dialog();
diag.Width = 600;
diag.Height = 300;
diag.Title = "设定了高宽和标题的普通窗口";
diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
diag.show();

3. 内容页为外部连接的窗口


	var diag = new Dialog();
diag.Title = "内容页为外部连接的窗口";
diag.URL = "http://www./";
diag.show();

4. 内容页为html代码的窗口


	var diag = new Dialog();
diag.Title = "内容页为html代码的窗口";
diag.InnerHtml='
直接输出html,使用 InnerHtml 属性。
'
diag.show();

5. 内容页为隐藏的元素的html内容


	var diag = new Dialog();
diag.Title = "内容页为隐藏的元素的html";
diag.InvokeElementId="forlogin"
diag.show();
用户登陆
用户名
密 码

8. 返回值到调用页面


	var diag = new Dialog();
diag.Title = "返回值到调用页面";
diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
diag.OKEvent = function(){$id('getval').value = diag.innerFrame.contentWindow.document.getElementById('a').value;diag.close();};
diag.show();
var doc=diag.innerFrame.contentWindow.document;
doc.open();
doc.write('

    请在文本框里输入一些值') ;
    	doc.close();
    

9. 代替window.alert及window.confirm


	Dialog.alert("提示:你点击了一个按钮");
    Dialog.confirm('警告:您确认要XXOO吗?',function(){Dialog.alert("yeah,周末到了,正是好时候")});
    

13. 在弹窗的内容载入完成后,执行方法


	var diag = new Dialog();
    diag.OnLoad=function(){alert("页面载入完成")};
    diag.URL = "[url]http://www./"[/url];;
    diag.show();
    
注:如果窗体内为iframe内容页,要在载入完成后对内容页作操作,必须考虑访问权限,如引用页和当前页应在同一个域内。

16. 动态改变窗口大小


	var diag = new Dialog();
    diag.Title = "修改中窗体尺寸";
    diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
    diag.OKEvent = function(){
    var doc=diag.innerFrame.contentWindow.document;
    doc.open();
    doc.write('
    
        窗口尺寸改为600*300') ;
        doc.close();
        diag.setSize(600,300);
        };
        diag.show();
        diag.okButton.value="改变窗口大小"
        

17. 弹出窗口自动关闭


	var diag = new Dialog();
        diag.AutoClose=5;
        diag.ShowCloseButton=false;
        diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
        diag.show();
        
注:AutoClose为自动关闭时间,单位秒

19. 窗体内的按钮操作父Dialog


	var diag = new Dialog();
        diag.Title = "窗体内的按钮操作父Dialog";
        diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
        diag.show();
        var doc=diag.innerFrame.contentWindow.document;
        doc.open();
        doc.write('
        
            ') ;
            	doc.close();
            

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多