js 确认对话框 高手帮忙看下！


if(confirm('确认提交！')
{
   return true;
 }else{
  return false;
}
这个确认框太难看，我需要改它的一些外观，如提示的字'确认提交！'
需加css，其它的见下图
看

解决方案 »

  1.   

    能否不引用ajax的框架，请高手帮忙写一下。
      

  2.   

    你修改下对应的 CSS样式就可以啦
      

  3.   

    建议楼主 查看一下 你截图网页的代码,copy过来,直接.
      

  4.   

    <html>
    <head>
    <title></title>
    <style type="text/css">
    .div
    {
        text-align=center;
        display=none; 
        position=absolute;
        width=250px;
        height=50px;
        z-index:1000;
        border:3px solid #000;
    }
    .input
    {
        width=40px;
    }
    </style>
    <script type="text/javascript">
    function $(s)
    {
        return typeof s=="string"?document.getElementById(s):s;
    }
    function scrollX()
    {
     var de=document.documentElement;
     return self.pageXOffset||(de&&de.scrollLeft)||document.body.scrollLeft;   
    }
    function scrollY()
    {
        var de=document.documentElement;
        return self.pageYOffset||(de&&de.scrollTop)||document.body.scrollTop;
    }
    function windowHeight()
    {
        var de=document.documentElement;
        return self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight;
    }
    function windowWidth()
    {
        var de=document.documentElement;
        return self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth;
    }
    function show()
    {
        var div=$("div");
        div.style.display="block";
        div.style.top=scrollY()+(windowHeight()/2-25)+"px";
        div.style.left=scrollX()+(windowWidth()/2-120)+"px";
        div.style.background ="#eee";
        alert(div.style.top);
    }
    function continueEvent()
    {    
        $("div").style.display="none";
        alert("ok");      
    }function cancleEvent()
    {
        $("div").style.display="none";
        return false;
    }
    </script></head><body>
    <div id="div" class="div">
    </br>
    <div>Are you sure to quit?</div></br>
    <input id="btnSure" type="button" value="YES" class="input" onclick="continueEvent();">
    <input id="btnCancle" type="button" value="NO" class="input" onclick="cancleEvent();">
    </div>
    <input type="button" value="click" onclick="show();">
    </body></html>
      

  5.   

    <html><head><title></title>
    <style type="text/css">
    .div
    {
        text-align=center;
        display=none; 
        position=absolute;
        width=250px;
        height=50px;
        z-index:1000;
        border:3px solid #000;
    }
    .input
    {
        width=40px;
    }
    </style>
    <script type="text/javascript">
    function $(s)
    {
        return typeof s=="string"?document.getElementById(s):s;
    }
    function scrollX()
    {
     var de=document.documentElement;
     return self.pageXOffset||(de&&de.scrollLeft)||document.body.scrollLeft;   
    }
    function scrollY()
    {
        var de=document.documentElement;
        return self.pageYOffset||(de&&de.scrollTop)||document.body.scrollTop;
    }
    function windowHeight()
    {
        var de=document.documentElement;
        return self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight;
    }
    function windowWidth()
    {
        var de=document.documentElement;
        return self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth;
    }
    function show()
    {
        var div=$("div");
        div.style.display="block";
        div.style.top=scrollY()+(windowHeight()/2-25)+"px";
        div.style.left=scrollX()+(windowWidth()/2-120)+"px";
        div.style.background ="#eee";
        alert(div.style.top);
    }
    function continueEvent()
    {    
        $("div").style.display="none";
        alert("ok");      
    }function cancleEvent()
    {
        $("div").style.display="none";
        return false;
    }
    function lblClick()
    {
        $("div").style.display="none";
    }
    </script></head><body>
    <div id="div" class="div">
    <div style="text-align:right;float:right;background:#00d; height:5px;width:100%"><label onclick="lblClick();"> close</label></div>
    </br>
    <div>Are you sure to quit?</div></br>
    <input id="btnSure" type="button" value="YES" class="input" onclick="continueEvent();">
    <input id="btnCancle" type="button" value="NO" class="input" onclick="cancleEvent();">
    </div>
    <input type="button" value="click" onclick="show();">
    </body></html>样式自己定义吧  上班了 没时间在鼓捣了  
      

  6.   

    楼上的代码能行，有一个功能需要补充，弹出对话框之后，页面其它操作都不能进行，当弹出对话框关闭之后，页面其它操作才可以的。我的页面是用框架做的，一个div不能将所有的页面元素放入。
    高手帮帮忙。
      

  7.   

    你可以在弹出这个div之前弹出一个再弹出一个div，这个div是用来遮盖下面的内容的，把他的透明度设置成透明的就可以了 
      

  8.   

    我是由多个页面组成的框架，一个div不能夸多个页面，我也没有办法