首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 如何实现自定义弹出对话框提示 [已结贴,结贴人:dming4]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-16 22:34:39 楼主
    alert  confirm  这种弹出提示框太单调了
    如果弹出对话框提示,这个对话框的样式可以自已用CSS去控制,
    对话框后面的背景为灰色,而且不能操作,焦点在这个对话框上.
    怎么去实现这种效果

    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zl_c
    • 等级:
    发表于:2008-04-16 22:37:131楼 得分:3
    用模式对话框:showModalDialog()
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-16 22:53:152楼 得分:3
    参考:http://topic.csdn.net/u/20080403/15/ed1832c0-ac2f-4a23-8283-edd360fb1b20.html
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-16 23:05:363楼 得分:2
    http://www.blueidea.com/articleimg/2007/12/5182/tickbox_demo.html
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-16 23:08:194楼 得分:2
    IE下用showModalDialog()可以
    FF下只支持window.open()

    window.showModalDialog("test.html","title","dialogHeight: 200px; dialogWidth: 200px; dialogTop: 10px; dialogLeft: 10px; edge: Raised; center: Yes; help: Yes; resizable: Yes; status: Yes;");


    window.open('test.html','title','modal=yes,width=200,height=200,resizable=no,scrollbars=no');


    想达到更好的效果就用DIV模拟吧,可以搜索popup参考
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-17 09:11:385楼 得分:0
    @junp
    那上面的效果不错.
    可是例子参考不了,看不了具体是怎么实现的
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-17 11:45:596楼 得分:0
    上面有demo的,仔细看一下。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-17 13:00:167楼 得分:2
    用百度空间 博客的。

    参考:
    http://hi.baidu.com/live%5F7sky/blog/item/adc23819dc02e97edab4bdd7.html

    调用代码:
    <script language=javascript type="text/javascript">
            function openaddcat(url)
            {
          g_pop=new Popup({ contentType:1,scrollType:'yes',width:610, height:250 });
          g_pop.setContent("title","iframe框架示例");
          g_pop.setContent("contentUrl",url);
          g_pop.build();
          g_pop.show();
        }
       
            function ShowHtmlString()
            {
                var strHtml = " <table border=1 style='width:90%; text-align:center;'> <tr style='height:40px'> <td>ds </td> <td>dads </td> </tr> <tr style='height:40px'> <td>dadas </td> <td>dasd </td> </tr> <tr style='height:40px'> <td>dadasd </td> <td>dsadads </td> </tr> </table>";
                var pop=new Popup({ contentType:2,isReloadOnClose:false,width:340,height:300});
                pop.setContent("contentHtml",strHtml);
                pop.setContent("title","html字符串示例");
                pop.build();
                pop.show();
            }
            function ShowConfirm()
            {
                var pop=new Popup({ contentType:3,isReloadOnClose:false,width:340,height:80});
                pop.setContent("title","confirm对话框示例");
                pop.setContent("confirmCon","confirm对话框的内容");
                pop.setContent("callBack",ShowCallBack);
                pop.setContent("parameter",{id:"divCall",str:"点击确定后显示的字符串",obj:pop});
                pop.build();
                pop.show();
            }
            function ShowAlert()
            {
                var pop=new Popup({ contentType:4,isReloadOnClose:false,width:340,height:80});
                pop.setContent("title","alert警告框示例");
                pop.setContent("alertCon","alert对话框的内容");
                pop.build();
                pop.show();
            }       
           
            function ShowCallBack(para)
            {
                var o_pop = para["obj"]
                var obj = document.getElementById(para["id"]);
                o_pop.close();
                obj.innerText = para["str"];
             
            }       

        </script>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • mumuTiger
    • 等级:
    发表于:2008-04-17 13:05:268楼 得分:2
    估计楼上一堆楼主够用了...
      路过
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-17 14:42:569楼 得分:2
    恐怕没有办法实现程序的中断!
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-18 16:14:2510楼 得分:2
    用window.open() 去模拟吧!
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-04-18 16:38:3311楼 得分:2
    可以用div层来实现,完全可以达到自定义效果。网上搜索一下,样板很多
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    世纪乐知(北京)网络技术有限公司 版权所有 京 ICP 证 020026 号
    Copyright © 2000-2007, CSDN.NET, All Rights Reserved