如何实现自定义弹出对话框提示

Question

参考:http://topic.csdn.net/u/20080403/15/ed1832c0-ac2f-4a23-8283-edd360fb1b20.html

Answer 1

http://www.blueidea.com/articleimg/2007/12/5182/tickbox_demo.html

Answer 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参考

Answer 3

@junp
那上面的效果不错.
可是例子参考不了,看不了具体是怎么实现的

Answer 4

用百度空间 博客的。参考：
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>

Answer 5

用window.open() 去模拟吧！

Answer 6

可以用div层来实现，完全可以达到自定义效果。网上搜索一下，样板很多