js파일에 jqeury 어떻게 넣나요ㅜㅜ
본문
레이어 팝업 소스가 js파일로 인클루드 되서 창이 뜨는데요
/*** 레이어 팝업창 띄우기 ***/
function popupLayer(s,w,h)
{
if (!w) w = 600;
if (!h) h = 400;
var pixelBorder = 3;
var titleHeight = 12;
w += pixelBorder * 2;
h += pixelBorder * 2 + titleHeight;
var bodyW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var bodyH = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
var posX = (bodyW - w) / 2;
var posY = (bodyH - h) / 2;
hiddenSelectBox('hidden');
/*** 백그라운드 레이어 ***/
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";
}
obj.id = "objPopupLayerBg";
document.body.appendChild(obj);
/*** 내용프레임 레이어 ***/
var obj = document.createElement("div");
with (obj.style){
position = "fixed";
left = 0;
top = 5 + '%';
/*left = 50+'%';
top = 50+'%';
marginLeft= -220+'px';
marginTop= -300+'px';*/
width = "100%";
height = h;
backgroundColor = "0";
border = "";
zIndex = "13";
//padding = "60px";
}
obj.id = "objPopupLayer";
document.body.appendChild(obj);
/*** 타이틀바 레이어 ***/
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";
}
bottom.innerHTML = "<div onclick=javascript:location.hash='!'><a href='javascript:closeLayer()' class='white'><img src='/img/common/close.png' alt='닫기' /></a></div>";
obj.appendChild(bottom);
/*** 아이프레임 ***/
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;
}
}
getParameter = function(name){
search=location.search;
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;
}
}
}
function hiddenSelectBox(mode)
{
var obj = document.getElementsByTagName('select');
for (i=0;i<obj.length;i++){
obj[i].style.visibility = mode;
}
}
function _ID(obj)
{ return document.getElementById(obj) }
이 소스에
$(document).ready(function() {
$(window).bind('touchmove', , function(e){e.preventDefault()}); // 팝업 노출 되는 함수에 추가
$(window).unbind('touchmove', handler); // 팝업 닫는 함수에 추가
});
이 소스를 넣고 싶어요 말 그대로 팝업 노출 소스는 위에 닫히는 소스에는 아래 소스를 넣고 싶어요
!-->!-->답변 3
제이쿼리파일을 먼저로드한후에
해당 JS파일을 로드하시면 될텐데욥
html에서
<script src="제이쿼리파일"></script> 이렇게 먼저 제이쿼리파일을 로드후에
<script src="JS파일"></script>을 로드하시면
제이쿼리를 문제없이 쓰실수있습니다
1. js 파일을 만든다
2. js 파일에 위 소스를 넣고 저장한다
3. <script src="JS파일"></script> 에 js파일(경로포함) 해서 header에 넣는다
이렇게 하시면 됩니다
답변을 작성하시기 전에 로그인 해주세요.