아래와 같이:
다음과 같이 코드 코드를 복사합니다.
<스크립트 언어="자바스크립트" 유형="텍스트/자바스크립트">
함수 AlertWin(제목, 메시지, w, h) {
var titleheight = "22px"; // 창 제목 높이
var bordercolor = "#666699"; //창 테두리 색상
var titlecolor = "#FFFFFF"; // 창 제목 색상
var titlebgcolor = "#666699"; // 창 제목 배경색
var bgcolor = "#FFFFFF"; //콘텐츠 배경색
var iWidth = document.documentElement.clientWidth; //이 창의 너비
var iHeight = document.documentElement.clientHeight; //이 창의 높이
//배경 레이어의 형식
var bgObj = document.createElement("div");
bgObj.style.cssText = "위치:절대;왼쪽:0px;상단:0px;너비:" + iWidth + "px;높이:" + Math.max(document.body.clientHeight, iHeight) + "px;필터:알파(불투명도=30);불투명도:0.3;배경색:#000000;z-색인:1000;";
document.body.appendChild(bgObj);
var iframe2 = document.createElement("iframe");
iframe2.style.cssText = "위치:절대; 상단:0px;필터:알파(불투명도=30);불투명도:0.3;배경색:#000000; z-색인:1001; 테두리 스타일:없음; 테두리 너비 :0px; 테두리:0px;너비:" + iWidth + "px;높이:" + iHeight + "px";
bgObj.appendChild(iframe2);
//팝업 레이어 생성
var msgObj = document.createElement("div");
//팝업 레이어 스타일 설정
msgObj.style.cssText = "위치:absolute;font:11px '宋体';top:" + (iHeight - h) / 2 + "px;left:" + (iWidth - w) / 2 + "px;width: " + w + "px;높이:" + h + "px;text-align:center;border:1px solid " + bordercolor + ";배경색상:" + bgcolor + ";패딩:1px;줄 높이:22px;z-색인:1001;";
document.body.appendChild(msgObj);
//레이어의 내용을 수용할 테이블을 생성합니다.
var table = document.createElement("table");
//팝업 레이어에 테이블을 넣습니다.
msgObj.appendChild(테이블);
//테이블 형식 설정
table.style.cssText = "여백:0px;border:0px;padding:0px;";
table.cellSpacing = 0;
//제목을 표시할 행 삽입
var tr = table.insertRow(-1);
//제목을 저장할 셀 삽입
var titleBar = tr.insertCell(-1);
titleBar.style.cssText = "너비:100%;높이:" + 제목 높이 + "px;text-align:left;padding:3px;margin:0px;font:bold 13px '宋体';color:" + titlecolor + " ;border:1px solid " + bordercolor + ";cursor:move; background-color:" + titlebgcolor;
titleBar.style.paddingLeft = "10px";
//제목 설정
titleBar.innerHTML = 제목;
//Zander 드래그 이벤트 설정
var moveX = 0;
var moveY = 0;
var moveTop = 0;
var moveLeft = 0;
var 이동 가능 = false;
var docMouseMoveEvent = document.onmousemove;
var docMouseUpEvent = document.onmouseup;
//제목을 마우스로 클릭
titleBar.onmousedown = 함수() {
var evt = getEvent();
이동 가능 = 사실;
moveX = evt.clientX;
moveY = evt.clientY;
moveTop = parsInt(msgObj.style.top);
moveLeft = parsInt(msgObj.style.left);
//마우스 드래그
document.onmousemove = 함수() {
if (이동 가능) {
var evt = getEvent();
var x = moveLeft + evt.clientX - moveX;
var y = moveTop + evt.clientY - moveY;
if (x > 0 && (x + w < iWidth) && y > 0 && (y + h < iHeight)) {
msgObj.style.left = x + "px";
msgObj.style.top = y + "px";
}
}
};
document.onmouseup = function() {
if (이동 가능) {
document.onmousemove = docMouseMoveEvent;
document.onmouseup = docMouseUpEvent;
이동 가능 = 거짓;
moveX = 0;
moveY = 0;
moveTop = 0;
moveLeft = 0;
}
};
}
//닫기버튼 이벤트
var closeBtn = tr.insertCell(-1);
closeBtn.style.cssText = "커서:포인터; 텍스트 정렬:오른쪽;패딩:2px;배경색:" + titlebgcolor;
closeBtn.innerHTML = "<span style='font-size:15pt;color:" + titlecolor + ";'>×</span>";
closeBtn.onclick = 함수() {
document.body.removeChild(bgObj);
document.body.removeChild(msgObj);
}
//팝업 메시지 창의 내용
var msgBox = table.insertRow(-1).insertCell(-1);
msgBox.style.cssText = "글꼴:10pt '宋体';";
msgBox.colSpan = 2;
msgBox.innerHTML = msg;
//레이어의 템플릿 이름 내용
var nameBox = table.insertRow(-1);
var nameLable = nameBox.insertCell(-1);
nameLable.style.cssText = "글꼴:12pt '형식';text-align:center;";
nameLable.innerHTML = "<br/>ID번호 입력:<br/>";
var nametext = nameBox.insertCell(-1);
nametext.style.cssText = "글꼴:12pt '형식';text-align:Left; margin-left:0px";
nametext.innerHTML = "<br/><input type='text' value='' id='modalName'/> <br/>";
//레이어에 있는 작업 버튼의 내용
var submitBox = table.insertRow(-1);
var submitBtn = submitBox.insertCell(-1);
submitBtn.style.cssText = "텍스트 정렬:중심;";
submitBtn.colSpan = 2;
submitBtn.innerHTML = "<br/><input type='Button' value='확인' id='saveHeader'onclick='return GetCark()' /><br/>";
함수 getEvent() {
return window.event || 인수.callee.caller.arguments[0];
}
}
</script>
<input type="button" value="저장소 헤더" onclick="alertWin('신원 정보 수집','',300,150) />