테스트 사이트 - 개발 중인 베타 버전입니다

js파일에 jqeury 어떻게 넣나요ㅜㅜ 채택완료

7년 전 조회 2,055

레이어 팝업 소스가 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개

채택된 답변
+20 포인트

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

어떻게 하나요 ㅜㅜㅜ 제가 너무 초보라...
감사합니다~

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

1. js 파일을 만든다

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

3.  에 js파일(경로포함) 해서 header에 넣는다

 

이렇게 하시면 됩니다

로그인 후 평가할 수 있습니다

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

html에서

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

을 로드하시면

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

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

그럼 여기를 참고해보세요

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

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

로그인

전체 질문 목록

🐛 버그신고