Фон всплывающего слоя, реализованный с помощью javascript, выделен серым цветом — симуляция (диалоговое окно easyui)

Страница довольно некрасивая, реализованы только функции. ^ ^

Скопируйте код кода следующим образом:

<title>Имитировать эффект диалога easyui</title>

<скрипт>

//Получаем элементы страницы

вар getElement = функция() {

return document.getElementById(arguments[0]) || false;

}

функция openDialog(dialogId) {

вар MaskId = "маска";

//Если он есть, сначала удалите исходный

если (getElement(dialogId)) {

document.removeChild(getElement(dialogId));//Операция удаления: всплывающий элемент div

}

если (getElement(maskId)) {

document.removeChild(getElement(maskId));//Операция удаления: всплывающий неработоспособный слой (маска)

}

//Фон становится серым

var MaskDiv = document.createElement("div");

маскаДив.ид = идентификатор маски;

MaskDiv.style.position = "абсолютный";

MaskDiv.style.zIndex = "1";

MaskDiv.style.width = document.body.scrollWidth + «px»;

MaskDiv.style.height = document.body.scrollHeight + «px»;

MaskDiv.style.top = "0px";

MaskDiv.style.left = "0px";

MaskDiv.style.background = "серый";

MaskDiv.style.filter = "альфа(непрозрачность=10)";

MaskDiv.style.opacity = "0.30";//Прозрачность

document.body.appendChild(maskDiv);//Добавляем фоновый слой к телу

//Диалог

var диалогDiv = document.createElement("div");

диалогДив.ид = диалогид;

диалогDiv.style.position = "абсолютный";

диалогDiv.style.zIndex = "9999";

диалогDiv.style.width = "400 пикселей";

диалогDiv.style.height = "200 пикселей";

диалогDiv.style.top = (parseInt(document.body.scrollHeight) - 200) / 2 + "px" // Центрируем экран;

диалогDiv.style.left = (parseInt(document.body.scrollWidth) - 400) / 2 + "px" // Центрируем экран;

диалогDiv.style.background = "белый";

диалогDiv.style.border = "1 пиксель, сплошной серый цвет";

диалогDiv.style.padding = "5px";

диалогDiv.innerHTML = "(Содержимое диалога)";

//Закрытие операции в диалоговом окне: закрытие фонового слоя и слоя диалогового окна

var closeControlloer = document.createElement("a");//Создаем гиперссылку (как триггер закрытия)

closeControlloer.href = "#";

closeControlloer.innerHTML = "Закрыть";

closeControlloer.onclick = функция() {

document.body.removeChild(getElement(dialogId));//Удалить диалог

document.body.removeChild(getElement(maskId));//Удалить фоновый слой

}

диалогDiv.appendChild(closeControlloer);//Добавляем операцию закрытия в диалог

document.body.appendChild(dialogDiv);//Добавляем диалог в тело

}

</скрипт>

<a href="#" onclick="openDialog('dialog');">Открыть диалог</a>