zoukankan      html  css  js  c++  java

  • 盗用sina的爱问投诉代码实现网页对话框。

    <html>
    <head>
            <title>请教 爱问知识人</title>
            <meta http-equiv="Content-Type" content="text/html; charset=gb2312">   

            <script language="javascript" src="open/dialog.js"></script>
       
    </head>
    <body>
            <a class="c6nul" onclick="openWindow('window.htm', '470', '350', '举报');return false;"
            href    ="http://iask.sina.com.cn/b/5223115.html#">举报</a>
    </body>
    </html>


    <input type="button" value=" 取 消 " onClick="new parent.dialog().reset();">

    var auto_close_hand;
    var auto_close_hand1;
    var auto_close_hand2;
    var is_opera_d  = (navigator.userAgent.toLowerCase().indexOf('opera') != -1);
    String.prototype.trim     = function()
    {
         return this.replace(/(^[ |　]*)|([ |　]*$)/g, "");
    }

    function $(s)
    {
         if(document.getElementById)
         {
          return eval('document.getElementById("' + s + '")');
     }
         else
         {
          return eval('document.all.' + s);
     }
    }
    function $$(s)
    {
         return document.frames?document.frames[s]:$(s).contentWindow;
    }
    function $c(s)
    {
         return document.createElement(s);
    }
    function swap(s,a,b,c)
    {
     $(s)[a]    =$(s)[a]==b?c:b;
    }
    function exist(s)
    {
         return $(s)!=null;
    }
    function dw(s)
    {
     document.write(s);
    }
    function hide(s)
    {
     $(s).style.display    =$(s).style.display=="none"?"":"none";
    }
    function isNull(_sVal)
    {
         return (_sVal == "" || _sVal == null || _sVal == "undefined");
    }
    function removeNode(s)
    {
         if(exist(s))
         {
      $(s).innerHTML     = '';
      $(s).removeNode    ?$(s).removeNode():$(s).parentNode.removeChild($(s));
     }
    }

    function dialog()
    {
         var titile = '';
         var auto = 'y';
         var width = 240;
         var height = 120;
         var src = ""; 
         var sFunc = '<input id="dialogOk" type="button" value=" 确 定 " onclick="new dialog().reset();" /> <input id="dialogCancel" type="button" value=" 取 消 " onclick="new dialog().reset();" />';
         var sClose = '<input type="image" id="dialogBoxClose" onclick="new dialog().reset();" src="open/close.gif" border="0" width="16" height="16" align="absmiddle" />';
         var sBody = '\
          <table id="dialogBodyBox" border="0" align="center" cellpadding="0" cellspacing="6" width="100%">\
           <tr height="10"><td colspan="4"></td></tr>\
           <tr><td colspan="4" align="center">\
           <div id="dialogMsgDiv" style="text-align:center"><div id="dialogMsg" style="font-size:12px;line-height:180%;"></div></div>\
           </td></tr>\
           <tr><td id="dialogFunc" colspan="4" align="center">' + sFunc + '</td></tr>\
           <tr height="5"><td colspan="4" align="center"></td></tr>\
          </table>\
     ';
         var sIfram = '\
          <iframe id="dialogIframBG" name="dialogIframBG" frameborder="0" marginheight="0" marginwidth="0" hspace="0" vspace="0" scrolling="no" style="position:absolute;z-index:8;display:none;"></iframe>\
     ';

         var sBox = '\
          <div id="dialogBox" style="border:1px solid #1e4775;display:none;z-index:10;'+width+'px;">\
          <table width="100%" border="0" cellpadding="0" cellspacing="0">\
           <tr height="24" bgcolor="#6795B4">\
            <td>\
             <table onselectstart="return false;" style="-moz-user-select:none;" width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#5499dc;  height:25px; border-top:1px solid #92c3ec;">\
              <tr>\
               <td width="6" height="24"></td>\
               <td id="dialogBoxTitle" onmousedown="new dialog().moveStart(event, \'dialogBox\')" style="color:#fff;cursor:move;font-size:12px;font-weight:bold;">&nbsp;</td>\
               <td id="dialogClose" width="20" align="right" valign="middle">\
            '     + sClose + '\
               </td>\
               <td width="6"></td>\
              </tr>\
             </table>\
            </td>\
           </tr>\
           <tr id="dialogHeight" style="height:' + height + '" valign="top">\
            <td id="dialogBody" bgcolor="#ffffff">' + sBody + '</td>\
           </tr>\
          </table></div>\
          <div id="dialogBoxShadow" style="display:none;z-index:9;"></div>\
     ';
         var sBG = '\
          <div id="dialogBoxBG" style="position:absolute;top:0px;left:0px;100%;height:100%;"></div>\
     ';

         this.show = function()
         {
          this.middle('dialogBox');
          if ($('dialogIframBG'))
          {
       $('dialogIframBG').style.top     = $('dialogBox').style.top;
       $('dialogIframBG').style.left     = $('dialogBox').style.left;
       $('dialogIframBG').style.width     = $('dialogBox').offsetWidth;
       $('dialogIframBG').style.height     = $('dialogBox').offsetHeight;
       $('dialogIframBG').style.display     = 'block';
      }      
          this.shadow();
     }

         this.reset = function()
         {
          this.close();
     }

         this.close = function()
         {
          if ($('dialogIframBG'))
          {
       $('dialogIframBG').style.display     = 'none';
      }
      $('dialogBox').style.display    ='none';
      $('dialogBoxBG').style.display    ='none';
      $('dialogBoxShadow').style.display     = "none";
      $('dialogBody').innerHTML     = sBody;
     }
         this.html = function(_sHtml)
         {
      $(    "dialogBody").innerHTML = _sHtml;
          this.show();
     }

         this.init = function(big_msg)
         {
      $('dialogCase')     ? $('dialogCase').parentNode.removeChild($('dialogCase')) : function(){};
          var oDiv = document.createElement('span');
      oDiv.id     = "dialogCase";
          if ('yes' == big_msg)
          {
       oDiv.innerHTML     = sBG + sBox;
      }
          else
          {
           if (!is_opera_d)
           {
        oDiv.innerHTML     = sBG + sIfram + sBox;
       }
           else
           {
        oDiv.innerHTML     = sBG + sBox;
       }
      }
      document.body.appendChild(oDiv);
      $('dialogBoxBG').style.height     = document.body.scrollHeight;
     }

         this.button = function(_sId, _sFuc)
         {
          if($(_sId))
          {
       $(_sId).style.display     = '';
           if($(_sId).addEventListener)
           {
            if($(_sId).act)
            {
         $(_sId).removeEventListener('click',     function(){eval($(_sId).act)}, false);
        }
        $(_sId).act     = _sFuc;
        $(_sId).addEventListener('click',     function(){eval(_sFuc)}, false);
       }
           else
           {
            if($(_sId).act)
            {
         $(_sId).detachEvent('onclick',     function(){eval($(_sId).act)});
        }
        $(_sId).act     = _sFuc;
        $(_sId).attachEvent('onclick',     function(){eval(_sFuc)});
       }
      }
     }

         this.shadow = function()
         {
          var oShadow = $('dialogBoxShadow');
          var oDialog = $('dialogBox');
      oShadow['style']['position']     = "absolute";
      oShadow['style']['background']     = "#000";
      oShadow['style']['display']     = "";
      oShadow['style']['opacity']     = "0.2";
      oShadow['style']['filter']     = "alpha(opacity=20)";
      oShadow['style']['top']     = oDialog.offsetTop + 6;
      oShadow['style']['left']     = oDialog.offsetLeft + 6;
      oShadow['style']['width']     = oDialog.offsetWidth;
      oShadow['style']['height']     = oDialog.offsetHeight;
     }

         this.open = function(_sUrl, _sMode)
         {
          this.show();
          if(!_sMode || _sMode == "no" || _sMode == "yes"){
           var openIframe = "<iframe width='100%' height='100%' name='iframe_parent' id='iframe_parent' src='" + _sUrl + "' frameborder='0' scrolling='" + _sMode + "'></iframe>";
       $(    "dialogBody").innerHTML = openIframe;
      }
     }

         this.showWindow = function(_sUrl, _iWidth, _iHeight, _sMode)
         {
          var oWindow;
          var sLeft = (screen.width) ? (screen.width - _iWidth)/2 : 0;
          var iTop = -80 + (screen.height - _iHeight)/2;
      iTop     = iTop > 0 ? iTop : (screen.height - _iHeight)/2;
          var sTop = (screen.height) ? iTop : 0;
          if(window.showModalDialog && _sMode == "m"){
       oWindow     = window.showModalDialog(_sUrl,"","dialogWidth:" + _iWidth + "px;dialogheight:" + _iHeight + "px");
      }     else {
       oWindow     = window.open(_sUrl, '', 'height=' + _iHeight + ', width=' + _iWidth + ', top=' + sTop + ', left=' + sLeft + ', toolbar=no, menubar=no, scrollbars=' + _sMode + ', resizable=no,location=no, status=no');
           this.reset();
      }
     }

         this.event = function(_sMsg, _sOk, _sCancel, _sClose)
         {
      $('dialogFunc').innerHTML     = sFunc;
      $('dialogClose').innerHTML     = sClose;
      $('dialogBodyBox')     == null ? $('dialogBody').innerHTML = sBody : function(){};
          if (width > 400 && height > 300)
          {
       $('dialogMsg')     ? $('dialogMsg').innerHTML = _sMsg  : function(){};
       $('dialogMsg')     ? $('dialogMsg')['style']['fontWeight'] = "bold" : function(){};
       $('dialogMsg')     ? $('dialogMsg')['style']['fontSize'] = "15px" : function(){};
       $('dialogMsg')     ? $('dialogMsg')['style']['color'] = "#ff9900" : function(){};
       $('dialogMsg')     ? $('dialogMsg')['style']['height'] = "150px" : function(){};
      }
          else
          {
       $('dialogMsg')     ? $('dialogMsg').innerHTML = _sMsg  : function(){};
      }

      _sOk     && _sOk != "" ? this.button('dialogOk', _sOk) : $('dialogOk').style.display = 'none';
      _sCancel     && _sCancel != "" ? this.button('dialogCancel', _sCancel) : $('dialogCancel').style.display = 'none';
          //_sOk ? this.button('dialogOk', _sOk) : _sOk == "" ? function(){} : $('dialogCancel').style.display = 'none';
      //_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').style.display = 'none';
      _sClose ? this.button('dialogBoxClose', _sClose) : function(){};

          this.show();
     }

         this.set = function(_oAttr, _sVal)
         {
          var oShadow = $('dialogBoxShadow');
          var oDialog = $('dialogBox');
          var oHeight = $('dialogHeight');

          if(_sVal != '')
          {
           switch(_oAttr)
           {
            case 'title':
         $('dialogBoxTitle').innerHTML     = _sVal;
         title     = _sVal;
             break;
            case 'width':
         oDialog['style']['width']     = _sVal;
         width     = _sVal;
             break;
            case 'height':
         oHeight['style']['height']     = _sVal;
         height     = _sVal;
             break;
            case 'src':
         $('dialogMsgDiv').innerHTML     = '\
              <table border="0" align="center" cellpadding="0" cellspacing="0" width="100%">\
               <tr>\
                <td width="30%" align="center"><img id="dialogBoxFace" src="' + path + 'login_wrong.gif" /></td>\
                <td id="dialogMsg" style="font-size:12px;line-height:180%;" width="70%"></td>\
               </tr>\
              </table>\
         ';
         $('dialogBoxFace')     ? $('dialogBoxFace').src = path + _sVal + '.gif' : function(){};
         src     = _sVal;
             break;
            case 'auto':
         auto     = _sVal;
       }
      }
          this.middle('dialogBox');
      oShadow['style']['top']     = oDialog.offsetTop + 6;
      oShadow['style']['left']     = oDialog.offsetLeft + 6;
      oShadow['style']['width']     = oDialog.offsetWidth;
      oShadow['style']['height']     = oDialog.offsetHeight;
     }

         this.moveStart = function (event, _sId)
         {
          var oObj = $(_sId);
      oObj.onmousemove     = mousemove;
      oObj.onmouseup     = mouseup;
      oObj.setCapture     ? oObj.setCapture() : function(){};
      oEvent     = window.event ? window.event : event;
          var dragData = {x : oEvent.clientX, y : oEvent.clientY};
          var backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)};
          function mousemove()
          {
           var oEvent = window.event ? window.event : event;
           var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);
           var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);
       oObj.style.left     = iLeft;
       oObj.style.top     = iTop;
       $('dialogBoxShadow').style.left     = iLeft + 6;
       $('dialogBoxShadow').style.top     = iTop + 6;
           if ($('dialogIframBG'))
           {
        $('dialogIframBG').style.left     = iLeft;
        $('dialogIframBG').style.top     = iTop;
       }
       dragData     = {x: oEvent.clientX, y: oEvent.clientY};

      }
          function mouseup()
          {
           var oEvent = window.event ? window.event : event;
       oObj.onmousemove     = null;
       oObj.onmouseup     = null;
           if(oEvent.clientX < 1 || oEvent.clientY < 1 || oEvent.clientX > document.body.clientWidth || oEvent.clientY > document.body.clientHeight){
        oObj.style.left     = backData.y;
        oObj.style.top     = backData.x;
        $('dialogBoxShadow').style.left     = backData.y + 6;
        $('dialogBoxShadow').style.top     = backData.x + 6;
            if ($('dialogIframBG'))
            {
         $('dialogIframBG').style.left     = backData.y;
         $('dialogIframBG').style.top     = backData.x;
        }
       }
       oObj.releaseCapture     ? oObj.releaseCapture() : function(){};
      }
     }

         this.hideModule = function(_sType, _sDisplay)
         {
          var aIframe = parent.document.getElementsByTagName("iframe");
          var aType = document.getElementsByTagName(_sType);
          var iChildObj, iChildLen;
          for (var i = 0; i < aType.length; i++)
          {
       aType[i].style.display     = _sDisplay;
      }
          for (var j = 0; j < aIframe.length; j++)
          {
       iChildObj     = document.frames ? document.frames[j] : aIframe[j].contentWindow;
           try
           {
        iChildLen     = iChildObj.document.body.getElementsByTagName(_sType).length;
            for (var k = 0; k < iChildLen; k++)
            {
         iChildObj.document.body.getElementsByTagName(_sType)[k].style.display     = _sDisplay;
        }
       }
           catch (e){}
      }
     }

         this.middle = function(_sId)
         {
          try
          {
           var aIframe = parent.document.getElementById("iframe_parent");
      }
          catch (e){}
          if (aIframe) {
           var sClientWidth = aIframe.offsetWidth;
           var sClientHeight = aIframe.offsetHeight;
           var sScrollTop = 0;
      }     else {
           var sClientWidth = parent ? parent.document.body.clientWidth : document.body.clientWidth;
           var sClientHeight = parent ? parent.document.body.clientHeight : document.body.clientHeight;
           var sScrollTop = parent ? parent.document.body.scrollTop : document.body.scrollTop;
      }
          var sleft = (document.body.clientWidth / 2) - ($(_sId).offsetWidth / 2);
          var iTop = -80 + (sClientHeight / 2 + sScrollTop) - ($(_sId).offsetHeight / 2);
          var sTop = iTop > 0 ? iTop : (sClientHeight / 2 + sScrollTop) - ($(_sId).offsetHeight / 2);
      $(_sId)['style']['display']     = '';
      $(_sId)['style']['position']     = "absolute";
      $(_sId)['style']['left']     = sleft;
      $(_sId)['style']['top']     = sTop;
     }
    }


    function openWindow(_sUrl, _sWidth, _sHeight, _sTitle, _sScroll)
    {
         var oEdit = new dialog();
     oEdit.init('yes');
     oEdit.set('title', _sTitle     ? _sTitle : "系统提示信息" );
     oEdit.set('width', _sWidth);
     oEdit.set('height', _sHeight);
     oEdit.set('auto', 'n');
     oEdit.open(_sUrl, _sScroll     != "yes" ? 'no' : 'yes');
    }

    点击下载
  • 相关阅读:
    前缀和
    不用加减乘除做加法
    数组中重复的数字
    滑动窗口的最大值
    矩阵中的路径
    Redis 和 Memcached 的区别 Tair
    机器人的运动范围
    汉诺塔问题
    洗牌算法
    斐波那契查找算法（黄金分割查找算法）
  • 原文地址：https://www.cnblogs.com/ami/p/455775.html
Copyright © 2011-2022 走看看