Open helloMihyun opened 5 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
---|---|
#layerPop {width:600px; height:200px; position:absolute; padding:10px; border:4px solid #eee; background:#fff; display:none; z-index:100;} | |
#layerPop .close{position:absolute; bottom:5px;right:5px;} | |
#deemed {width:100%; height:100%; position:absolute; top:0; left:0; filter:Alpha(opacity=50);opacity:0.5; background:#000; z-index:1;} | |
#layerPop2{width:600px; height:200px; position:absolute; padding:10px; border:4px solid #eee; background:#fff; display:none; z-index:100;} | |
#layerPop2 .close{position:absolute; bottom:5px;right:5px;} | |
#deemed2{width:100%; height:100%; position:absolute; top:0; left:0; filter:Alpha(opacity=50);opacity:0.5; background:#000; z-index:1;} | |
<!-- | |
//Element ID 불러쓰기 | |
function dEI(elementID){ | |
return document.getElementById(elementID); | |
} | |
//레이어 팝업 열기 | |
function openLayer(IdName, tpos, lpos){ | |
var pop = dEI(IdName); | |
pop.style.top = tpos + "px"; | |
pop.style.left = lpos + "px"; | |
pop.style.display = "block"; | |
var wrap = dEI("wrapper"); | |
var reservation = document.createElement("div"); | |
reservation.setAttribute("id", "deemed"); | |
wrap.appendChild(reservation); | |
} | |
function openLayer(IdName, tpos, lpos){ | |
var pop = dEI(IdName); | |
pop.style.top = tpos + "px"; | |
pop.style.left = lpos + "px"; | |
pop.style.display = "block"; | |
var wrap = dEI("wrapper"); | |
var reservation = document.createElement("div"); | |
reservation.setAttribute("id", "deemed"); | |
wrap.appendChild(reservation); | |
} | |
//레이어 팝엽 닫기 | |
function closeLayer( IdName ){ | |
var pop = dEI(IdName); | |
pop.style.display = "none"; | |
var clearEl=parent.dEI("deemed"); | |
var momEl = parent.dEI("wrapper"); | |
momEl.removeChild(clearEl); | |
} | |
//--> | |
Open | |
내용 | |
close | |
Open | |
내용 | |
close | |