js파일에 jqeury 어떻게 넣나요ㅜㅜ

js파일에 jqeury 어떻게 넣나요ㅜㅜ

QA

js파일에 jqeury 어떻게 넣나요ㅜㅜ

답변 3

본문

레이어 팝업 소스가 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>을 로드하시면

 

제이쿼리를 문제없이 쓰실수있습니다

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 24
© SIRSOFT
현재 페이지 제일 처음으로