채택완료

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

2018-06-27 (수) 09:43:49 2,201

레이어 팝업 소스가 js파일로 인클루드 되서 창이 뜨는데요

Copy
/*** 레이어 팝업창 띄우기 ***/
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) }

이 소스에 

Copy
$(document).ready(function() {
    $(window).bind('touchmove', , function(e){e.preventDefault()}); // 팝업 노출 되는 함수에 추가
    $(window).unbind('touchmove', handler); // 팝업 닫는 함수에 추가
});

이 소스를 넣고 싶어요 말 그대로 팝업 노출 소스는 위에 닫히는 소스에는 아래 소스를 넣고 싶어요

|

답변 3개 / 댓글 5개

채택된 답변
+20 포인트

제이쿼리파일을 먼저로드한후에

해당 JS파일을 로드하시면 될텐데욥

답변에 대한 댓글 2개

2018-06-27 (수) 10:34:01
어떻게 하나요 ㅜㅜㅜ 제가 너무 초보라...
2018-06-27 (수) 11:20:54
감사합니다~
2018-07-03 (화) 13:25:01

1. js 파일을 만든다

2. js 파일에 위 소스를 넣고 저장한다

3. <script src="JS파일"></script> 에 js파일(경로포함) 해서 header에 넣는다

이렇게 하시면 됩니다

html에서

<script src="제이쿼리파일"></script> 이렇게 먼저 제이쿼리파일을 로드후에

<script src="JS파일"></script>을 로드하시면

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

답변에 대한 댓글 3개

2018-06-27 (수) 11:12:27
그렇게 했는데 저는 저 제이쿼리를 위에 있는 js파일에 넣고 싶어요ㅜㅜㅜ
2018-06-27 (수) 11:12:28
그렇게 했는데 저는 저 제이쿼리를 위에 있는 js파일에 넣고 싶어요ㅜㅜㅜ
http://code.i-harness.com/ko/q/1166b2

그럼 여기를 참고해보세요

답변을 작성하려면 로그인이 필요합니다.