물어보기기타

제가 공지 비슷한 것으로 사이트 메인에 공지 박스를 하나 만들고 오른쪽 상단에 X 버튼을 한번 클릭하면 사라지고 

새로고침 해도 다시 안뜨고 24시간이 지나고 나면 다시 뜨는 그럼 스크립트를 뭐라고 해서 찾아야 할까요 ...?

 

어제 부터 찾아 다녔는되요 찾지 못하겠네요 

이런 것들을 뭐라고 하는지요 

 

아니면 혹시 잘아시는 코드가 있는 곳이 있으면 알려주시면 고맙겠습니다 

항상 감사 합니다 (--)(__) 꾸벅~~

 

  • profile
    웹지기 2018.02.07 09:47:49

    팝업창,modal,close 버튼,쿠키적용 등이 적용된 팝업이겠죠.

  • profile
    구미호 2018.02.07 10:42:48
    웹지기님 고맙습니다
    알려주신거 알아보겠습니다 ...
  • profile
    Double'U' 2018.02.07 09:58:35
    xe에 사용하실 것인가요?
    https://www.xpressengine.com/index.php?act=&mid=download&vid=&category=all&keyword=%ED%8C%9D%EC%97%85
    팝업관리모듈과 팝업오프너를 이용해보세요.
  • profile
    Double'U' 2018.02.07 10:07:21

    일반 html에서 사용하실 것이라면...

     

    <script language="JavaScript">
    function setCookie (name, value, expires) {
    document.cookie = name + "=" + escape (value) +"; path=/; expires=" + expires.toGMTString();
    }
    function popup_notopen() {
    var expdate = new Date();
    expdate.setTime(expdate.getTime() + 1000 * 3600 * 24); // 365일
    setCookie('popup', "notopen", expdate);
    close_pop();
    }
    function close_pop() {
    document.getElementById('popup').style.display='none';
    document.getElementById('popupnotcheck').style.display='none';
    }
    </script>
    <div class="draggable" style="position: absolute; top: 50px; left: 300px; z-index: 30000;">
    <div id="popup" style="position: relative; width: 500px; height: 500px; background-color: #ffffff; z-index: 30001;"><a href="javascript://" onclick="close_pop()"><img src="./img/main/popup.jpg" width="500" height="500" border="0" alt=""></a></div>
    <div id="popupnotcheck" style="position: relative; width: 500px; padding: 10px 21px 10px 1px; background-color: #000000; color: #ffffff; font-size: 12px; z-index: 30001; text-align: right;"><label><input type="checkbox" name="notopen" onclick="popup_notopen();"> 24시간 동안 열지 않기</label></div>
    </div>

     

     

    적당히 수정해서 사용하세요~

     

    가장 바깥의 div의 draggable은 jQuery UI로 

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery-ui.min.js"></script>

    <script type="text/javascript">

        $(".draggable").draggable({ 
            cursor: "move"
        });

    </script>

     

    이렇게 설정해서 움직일수 있도록 한 것입니다.

    jquery나 ui의 파일이름이나 경로도 수정해야 겠죠.

    위의 것이 없으면 안 움일뿐 팝업 자체에 영향을 미치지는 않습니다.

  • profile
    구미호 2018.02.07 10:42:26
    아이고 감사 합니다
    지금 바로 적용해보겠습니다 ^^;;
  • profile
    구미호 2018.02.07 10:48:32 Files첨부 (1)

    지금 적용해보니 일반적인 팝업이더군요 
    Double'U'님 혹시요 아래 사진 같은 것을 구현 할려고 합니다 

    dgfdgf.PNG

     

    위에 보이는 것 처럼  저 박스에 글 작성 하놓고 오른쪽 X 포시에 클릭하면 하루 종일 사라저 있다가 다시는 보이지 않거나 시간을 정해서 다시 뜨거나 하는 겁니다 

    저런게 어디서 구할수 있을까요 ...?

     

  • profile
    Double'U' 2018.02.07 11:16:12
    html과 css 등으로 원하는 모양으로 구현하면 됩니다.
    본문(popup)에 글자를 넣고 여백과 배경색, 글자색, 정렬 등을 css로 구현하고
    x버튼(popnotcheck)은 글자로 바꾸거나 input에 이미지를 넣는 버튼으로 바꾸고 position을 absolute로 해서 우상단에 위치하도록 하면 됩니다.
  • profile
    구미호 2018.02.07 11:33:41
    네 알려주신 것은 할수 있지만 제가 자바스크립트를 아직 초보라서요 구현을 못하겠네요
    박스는 어떻게 만들겠는데 아무튼 너무나도 감사 합니다 ^^;;
  • profile
    Double'U' 2018.02.07 11:47:10
    div의 모양만 바꾸시고 onclick부분만 살리시면 되요.
    onclick의 자바스크립트 명령어가 위에 지정된 명령을 실행시키거든요.
  • profile
    Double'U' 2018.02.07 11:18:33

    http://alertifyjs.com/

     

    이런 것도 대안이 될수 있겠네요.

    jquery로 만들어진 경고창이나 모달팝업 등도 꽤 여러가지가 있습니다.

  • profile
    구미호 2018.02.07 11:34:13
    알려주신 것을 어느정도 응용하면 될것도 같아요 ㅎㅎㅎ
    고맙습니다 ^^;;;

서버에 요청 중입니다. 잠시만 기다려 주십시오...