自定义警报不像普通警报那样工作

问题描述

  var  ALERT_TITLE =  消息; 
  var  ALERT_BUTTON_TEXT =   Ok; 
 
  if （ document  .getElementById）{
  window  .alert =  function （txt）{
 createCustomAlert（txt）; 
 
} 
} 
 
  function  createCustomAlert（txt）{
d = 文档; 
 
  if （d.getElementById（  modalContainer）） return ; 
 
 mObj = d.getElementsByTagName（  body）[ 0 ]。appendChild（d.createElement（  div））; 
 mObj.id =   modalContainer; 
  //   mObj.style.height = d.documentElement.scrollHeight +px;  
 
 alertObj = mObj.appendChild（d.createElement（  div） ）; 
 alertObj.id =   alertBox; 
  if （d.all&&！window.opera）alertObj.style.top =  document .documentElement.scrollTop +   px; 
  //   alertObj.style.left =（d.documentElement.scrollWidth  -  alertObj.offsetWidth）/ 2 + px;  
 alertObj.style.visiblity =   visible; 
 
 h1 = alertObj.appendChild（d.createElement（  h1） ）; 
 h1.appendChild（d.createTextNode（ALERT_TITLE））; 
 
 msg = alertObj.appendChild（d.createElement（  div） ）; 
 msg.id =   alertMsgContainer; 
  //   msg.appendChild（d.createTextNode（txt））;  
 msg.innerHTML = txt; 
 
 bnn = alertObj.appendChild（d.createElement（  a） ）; 
 btn.id =   closeBtn; 
 btn.appendChild（d.createTextNode（ALERT_BUTTON_TEXT））; 
 btn.href =  ＃; 
 btn.focus（）; 
 btn.onclick =  function （）{removeCustomAlert（）; 返回  false ; } 
 
 alertObj.style.display =   block; 
 
} 
 
  function  removeCustomAlert（）{
 
  document  .getElementsByTagName（  body）[ 0 ]。removeChild（ document  .getElementById（  modalContainer））; 
} 

我的尝试：



我制作一个自定义警告框，但自定义警报不保持脚本，正常警报保持脚本直到用户没有点击确定。在我的情况下只显示警报并执行完整功能而不是等待。

我希望我的自定义警报打开，当我点击确定然后其余功能执行直到那时功能延迟。正常警报工作。

谢谢，

Shiavm

解决方案

var ALERT_TITLE = "Message";
        var ALERT_BUTTON_TEXT = "Ok";

        if (document.getElementById) {
            window.alert = function (txt) {
                createCustomAlert(txt);
              
            }
        }
      
        function createCustomAlert(txt) {
            d = document;

            if (d.getElementById("modalContainer")) return;

            mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
            mObj.id = "modalContainer";
            //mObj.style.height = d.documentElement.scrollHeight + "px";

            alertObj = mObj.appendChild(d.createElement("div"));
            alertObj.id = "alertBox";
            if (d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
            //alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth) / 2 + "px";
            alertObj.style.visiblity = "visible";

            h1 = alertObj.appendChild(d.createElement("h1"));
            h1.appendChild(d.createTextNode(ALERT_TITLE));

            msg = alertObj.appendChild(d.createElement("div"));
            msg.id = "alertMsgContainer";
            //msg.appendChild(d.createTextNode(txt));
            msg.innerHTML = txt;

            btn = alertObj.appendChild(d.createElement("a"));
            btn.id = "closeBtn";
            btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
            btn.href = "#";
            btn.focus();
            btn.onclick = function () { removeCustomAlert(); return false; }
           
            alertObj.style.display = "block";

        }

        function removeCustomAlert() {
           
            document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer"));
        }

What I have tried:

I Make A Custom alert box but custom alert not hold script ,normal alert hold script till user not clicked ok .In My Case only show alert and execute full function not wait.
I Want my custom alert open and when i clicked ok then rest of function execute till then function delay.like normal alert working.
Thanks,
Shiavm

解决方案

这篇关于自定义警报不像普通警报那样工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！