自定义警报不像普通警报那样工作 [英] Custom alert not working like normal alert

问题描述

  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

解决方案

您无法停止执行代码。 Chrome和FireFox不允许这样做。你可以做的是让你的OK按钮调用一个函数并从那里继续处理。或者使用内置警报。



或者，查看 Dialog | jQuery UI [ ^ ]而不是自己编写

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

解决方案

You cannot stop the execution of code. Chrome and FireFox will not allow it. What you can do is have your OK button call a function and the continue processing from there. Or use the built-in alert.

Alternatively, look into Dialog | jQuery UI[^] instead of writing your own.

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