如何编写JavaScript模式弹出窗口(替换Ajax)？

我需要用等价的JavaScript 替换我们的Ajax Modal Popup控件.我们将此用作简单的上下文相关帮助类型弹出窗口.我做了一个快速浏览,但没有看到我正在寻找的东西.我只需要一些文本和一个简单的关闭按钮/链接,但我希望页面在弹出窗口下方变暗,就像使用Ajax模式控件一样.

任何人都可以推荐一个你用过的很好的JavaScript弹出/帮助类型解决方案吗？

我可以为你提供代码.根据需要进行修改,好吗？

页面JavaScript:

function myPop() { 
    this.square = null;
    this.overdiv = null;

    this.popOut = function(msgtxt) {
        //filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
        this.overdiv = document.createElement("div");
        this.overdiv.className = "overdiv";

        this.square = document.createElement("div");
        this.square.className = "square";
        this.square.Code = this;
        var msg = document.createElement("div");
        msg.className = "msg";
        msg.innerHTML = msgtxt;
        this.square.appendChild(msg);
        var closebtn = document.createElement("button");
        closebtn.onclick = function() {
            this.parentNode.Code.popIn();
        }
        closebtn.innerHTML = "Close";
        this.square.appendChild(closebtn);

        document.body.appendChild(this.overdiv);
        document.body.appendChild(this.square);
    }
    this.popIn = function() {
        if (this.square != null) {
            document.body.removeChild(this.square);
            this.square = null;
        }
        if (this.overdiv != null) {
        document.body.removeChild(this.overdiv);
        this.overdiv = null;
        }

    }
}

现在是HTML页面,使用JavaScript文件:

希望这可以帮助.

我已经使用了simplemodal jQuery插件,我对此非常满意.你可以在这里查看.