js파일에 jqeury 어떻게 넣나요ㅜㅜ 채택완료
레이어 팝업 소스가 js파일로 인클루드 되서 창이 뜨는데요
</strong></p>
<p>/*** 레이어 팝업창 띄우기 ***/
function popupLayer(s,w,h)
{</p>
<p> if (!w) w = 600;
if (!h) h = 400;</p>
<p> var pixelBorder = 3;
var titleHeight = 12;
w += pixelBorder * 2;
h += pixelBorder * 2 + titleHeight;</p>
<p> var bodyW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var bodyH = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;</p>
<p> var posX = (bodyW - w) / 2;
var posY = (bodyH - h) / 2;</p>
<p> hiddenSelectBox('hidden');</p>
<p> /*** 백그라운드 레이어 ***/
var obj = document.createElement("div");
with (obj.style){
position = "fixed";
left = 0;
top = 0;
width = "100%";
height = "100%";
//height = document.body.scrollHeight+'px';
backgroundColor = "#000000";
filter = "Alpha(Opacity=80)";
opacity = "0.3";
zIndex = "12";</p>
<p> }</p>
<p> obj.id = "objPopupLayerBg";
document.body.appendChild(obj);</p>
<p> /*** 내용프레임 레이어 ***/
var obj = document.createElement("div");
with (obj.style){
position = "fixed";
left = 0;
top = 5 + '%';
/*left = 50+'%';
top = 50+'%';
marginLeft= -220+'px';
marginTop= -300+'px';*/</p>
<p> width = "100%";
height = h;
backgroundColor = "0";
border = "";
zIndex = "13";
//padding = "60px";
}
obj.id = "objPopupLayer";
document.body.appendChild(obj);</p>
<p> /*** 타이틀바 레이어 ***/
var bottom = document.createElement("div");
with (bottom.style){
position = "absolute";
//width = w - pixelBorder * 2+'px';
//height = titleHeight+'px';
right = "10%";
top = "4.6%";
//left = 0;
//top = h - titleHeight - pixelBorder * 3+'px';
//padding = "4px 0 0 0";
//textAlign = "center";
//backgroundColor = "#000000";
//color = "#ffffff";
//font = "bold 8pt tahoma; letter-spacing:0px";
zIndex = "4";
}</p>
<p> bottom.innerHTML = "<div onclick=javascript:location.hash='!'><a href='javascript:closeLayer()' class='white'><img src='/img/common/close.png' alt='닫기' /></a></div>";</p>
<p>obj.appendChild(bottom);</p>
<p> /*** 아이프레임 ***/
var ifrm = document.createElement("iframe");
with (ifrm.style){
width = 100 +'%';
height = 95 +'vh';
//scroll = 'no';
//border = "3 solid #000000";
}
ifrm.name = 'objPopupIframe';
ifrm.frameBorder = 0;
ifrm.scrolling = "no";
obj.appendChild(ifrm);
ifrm.src = s;
}
function closeLayer()
{
hiddenSelectBox('visible');
_ID('objPopupLayer').parentNode.removeChild( _ID('objPopupLayer') );
_ID('objPopupLayerBg').parentNode.removeChild( _ID('objPopupLayerBg') );
}
function hiddenSelectBox(mode)
{
var obj = document.getElementsByTagName('select');
for (i=0;i<obj.length;i++){
obj[i].style.visibility = mode;
}
}</p>
<p>getParameter = function(name){
search=location.search;</p>
<p> search=search.split("?");
data=search[1].split("=");
if(search[1].indexOf(name)==(-1) || data[0]!=name){
//해당하는 파라미터가 없을때.
return "";
return;
}
if(search[1].indexOf("&")==(-1)){
//한개의 파라미터일때.
data=search[1].split("=");
return data[1];
}else{
//여러개의 파라미터 일때.
data=search[1].split("&"); //엠퍼센트로 자름.
for(i=0;i<=data.length-1;i++){
l_data=data[i].split("=");
if(l_data[0]==name){
return l_data[1];
break;
}else continue;
}
}
}</p>
<p>function hiddenSelectBox(mode)
{
var obj = document.getElementsByTagName('select');
for (i=0;i<obj.length;i++){
obj[i].style.visibility = mode;
}
}</p>
<p>function _ID(obj)</p>
<p>{ return document.getElementById(obj) }
</p>
<p><strong>
이 소스에
</strong>$(document).ready(function() {
$(window).bind('touchmove', , function(e){e.preventDefault()}); // 팝업 노출 되는 함수에 추가
$(window).unbind('touchmove', handler); // 팝업 닫는 함수에 추가
});<strong>
이 소스를 넣고 싶어요 말 그대로 팝업 노출 소스는 위에 닫히는 소스에는 아래 소스를 넣고 싶어요
답변 3개
답변을 작성하려면 로그인이 필요합니다.
로그인