关于自定义弹出对话框

需要对话框中的文字描述：您选择的产品已放入购物车
2个按钮，
1、文字提示： 继续购物 。（结果是 点击后关闭此页面）
2、文字提示： 去结算。（结果是点击后到指定的网页)谢谢！

解决方案 »

  1.   

    var myCallbackFunction = function(btn, text) {
                    if (text=="去结算") {
                        ...
                    } else {
                        ...
                    }
                }Ext.Msg.show({
    msg: '您选择的产品已放入购物车',
    buttons: [
      { text: '继续购物' },  { text: '去结算' }
    ],
    fn: myCallbackFunction,
    })
      

  2.   

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>基于JQuery的JS遮罩层效果</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
        <script type="text/javascript">
        function showDiv() {
            document.body.style.overflow = 'hidden';
            var docHeight = Math.max(document.documentElement.scrollHeight,
            document.documentElement.clientHeight);
            var docWidth = Math.max(document.documentElement.scrollWidth,
            document.documentElement.clientWidth);
            var _div = document.createElement('div');
            _div.className = 'divClass';
            _div.setAttribute('id', 'divId');
            document.body.appendChild(_div);
            document.getElementById('divId').style.width = docWidth + 'px';
            document.getElementById('divId').style.height = docHeight + 'px';
            var _divAlert = document.createElement('div');
            _divAlert.className = 'divalert';
            _divAlert.id = 'divalert';
            document.body.appendChild(_divAlert);
            document.getElementById('divalert').style.left = (document.documentElement.clientWidth - 200)/2 + 'px';
            document.getElementById('divalert').style.top = (document.documentElement.clientHeight - 100)/2 + 'px';
            var _divContent = document.createElement('div');
            _divContent.id = 'divcontent';
            _divAlert.appendChild(_divContent);
            var _divbtn = document.createElement('div');
            _divbtn.id = 'divbtn';
            var _btn = document.createElement('input');
            _btn.type = 'button';
            _btn.value = '确定';
            _btn.id = 'btn';
            _divbtn.appendChild(_btn);
            _divAlert.appendChild(_divbtn);
            document.getElementById('btn').onclick = function() {
                document.getElementById('divId').style.display = 'none';
                document.getElementById('divalert').style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        }
        function resizeDiv() {
            var docHeight = Math.max(document.documentElement.scrollHeight,
            document.documentElement.clientHeight);
            var docWidth = Math.max(document.documentElement.scrollWidth,
            document.documentElement.clientWidth);
            document.getElementById('divId').style.width = document.documentElement.clientWidth + 'px';
            document.getElementById('divId').style.height = document.documentElement.clientHeight + 'px';
        }
        window.onload = function() {
           showDiv(); 
        }
        window.onresize = resizeDiv;
        </script>
        <style type="text/css">
        body { margin:0; padding:0; }
        .divClass { position:absolute; left:0; top:0; background-color:#ccc; z-index:0; }
        .divalert { position:absolute; z-index:2000; width:200px; height:100px; border:1px solid #666; background-color:#fff; }
        #divcontent { height:60px; }
        #divbtn { height:40px; background-color:#ddd; text-align:center; }
        #btn { border:1px solid #000; margin-top:10px; }
        </style>
        </head>
        <body>
        <div style='height:1000px;'>fsfs</div>
        </body>
        </html>修改下即可