Latar belakang lapisan pop-up yang diimplementasikan oleh javascript berwarna abu-abu - simulasi (dialog easyui)

Halamannya agak jelek dan hanya fungsi yang diterapkan. ^ ^

Copy kode kodenya sebagai berikut:

<title>Meniru efek dialog easyui</title>

<skrip>

//Dapatkan elemen halaman

var getElement = fungsi() {

kembalikan dokumen.getElementById(argumen[0]) ||.

}

fungsi openDialog(dialogId) {

var maskId = "topeng";

//Jika ada, hapus dulu yang asli

jika (getElement(dialogId)) {

document.removeChild(getElement(dialogId));//Operasi penghapusan: div pop-up

}

jika (getElement(maskId)) {

document.removeChild(getElement(maskId));//Operasi penghapusan: Lapisan pop-up yang tidak dapat dioperasikan (mask)

}

//Latar belakang berwarna abu-abu

var maskDiv = dokumen.createElement("div");

maskDiv.id = maskId;

maskDiv.style.position = "mutlak";

maskDiv.style.zIndex = "1";

maskDiv.style.width = dokumen.body.scrollWidth + "px";

maskDiv.style.height = dokumen.body.scrollHeight + "px";

maskDiv.style.top = "0px";

maskDiv.style.kiri = "0px";

maskDiv.style.background = "abu-abu";

maskDiv.style.filter = "alpha(opacity=10)";

maskDiv.style.opacity = "0,30";//Transparansi

document.body.appendChild(maskDiv);//Tambahkan lapisan latar belakang ke badan

//Dialog

var dialogDiv = dokumen.createElement("div");

dialogDiv.id = dialogId;

dialogDiv.style.position = "mutlak";

dialogDiv.style.zIndex = "9999";

dialogDiv.style.width = "400px";

dialogDiv.style.height = "200px";

dialogDiv.style.top = (parseInt(document.body.scrollHeight) - 200) / 2 + "px"; // Pusatkan layar

dialogDiv.style.left = (parseInt(document.body.scrollWidth) - 400) / 2 + "px"; // Pusatkan layar

dialogDiv.style.background = "putih";

dialogDiv.style.border = "1px abu-abu solid";

dialogDiv.style.padding = "5px";

dialogDiv.innerHTML = "(Isi Dialog)";

//Tutup operasi di Dialog: menutup lapisan latar belakang dan lapisan Dialog

var closeControlloer = document.createElement("a");//Buat hyperlink (sebagai pemicu penutupan)

closeControlloer.href = "#";

closeControlloer.innerHTML = "Tutup";

closeControlloer.onclick = fungsi() {

document.body.removeChild(getElement(dialogId));//Hapus dialog

document.body.removeChild(getElement(maskId));//Hapus lapisan latar belakang

}

dialogDiv.appendChild(closeControlloer);//Tambahkan operasi "tutup" ke dialog

document.body.appendChild(dialogDiv);//Tambahkan dialog ke isi

}

</skrip>

<a href="#" onclick="openDialog('dialog');">Buka Dialog</a>