Javascript_javascript 기술을 통해 파일을 선택하기 위한 대화 상자 코드 생성

CSS 样式:

复aze代码 代码如下:

DIV.neat-dialog-cont {
Z-INDEX: 98; 배경: 없음 투명 스크롤 반복 0% 0%; 왼쪽: 0px; 너비: 100%; 위치: 절대; 상단: 0px; 높이: 100%
}
DIV.neat-dialog-bg {
Z-INDEX: -1; 필터: 알파(불투명도=70); 왼쪽: 0px; 너비: 100%; 위치: 절대; 상단: 0px; 높이: 100%; 배경색: #eee; 불투명도: 0.7;
}
DIV.neat-dialog {
BORDER-RIGHT: #555 1px solid; 테두리 상단: #555 1px 솔리드; Z-인덱스: 99; 여백-왼쪽: 35%; 테두리 왼쪽: #555 1px 단색; 너비: 300px; 여백-오른쪽: 자동;
테두리-하단: #555 1px 단색; 위치: 친척; 상위: 25%; 배경색: #fff
}
DIV.neat-dialog-title {
PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; 글꼴 크기: 1em; 패딩 하단: 0.1em; 여백: 0px; 라인 높이: 1.2em; 패딩탑: 0.1em; 테두리-하단: #444
1px 솔리드; 위치: 상대;배경: #36C;색상:흰색;
}
DIV.neat-dialog P {
PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; 패딩 하단: 0.2em; 패딩탑: 0.2em; TEXT-ALIGN: 중앙
}

Javascript 代码 ：

复主代码 代码如下:

//打开弹窗
function f_OpenDialog() {
var sHTML = '

< ;/p>'
'

'
'取消

';
new NeatDialog(sHTML, "请选择Excel文档!");
}
//关闭并移除弹窗
NeatDialog.prototype.close = function () {
if (this.elt) {
this.elt.style.display = " 없음";
this.elt.parentNode.removeChild(this.elt);
}
window.neatDialog = null;
}
//创建弹窗
function NeatDialog(sHTML, sTitle) {
window.neatDialog = null;
this.elt = null;
if (document.createElement && document.getElementById) {
var dg = document.createElement("div");
dg.className = "neat-dialog";
if (sTitle)
sHTML = '

' sTitle '

n' sHTML;
dg.innerHTML = sHTML;
var dbg = document.createElement("div");
dbg.id = "nd-bdg";
dbg.className = "neat-dialog-bg";
var dgc = document.createElement("div");
dgc.className = "neat-dialog-cont";
dgc.appendChild(dbg);
dgc.appendChild(dg);
if (document.body.offsetLeft > 0) {
dgc.style.marginLeft = document.body.offsetLeft "px";
}
document.body.appendChild(dgc);
this.elt = dgc;
window.neatDialog = 이;
}
}

效果：