11.Nas_1


새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


[jQuery]jQuery Cookie plugin을 이용해서 모바일 페이지로 이동 여부 쿠키저장 예제

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    http://www.hacki.co.kr/bbs/board.php?bo_table=tip06&wr_id=36&sca=그누보드&page=4\r\n

    Shims HomePage
    [https://11q.kr 홈피]
    .
    \r\n

    [jQuery]jQuery Cookie plugin을 이용해서 모바일 페이지로 이동 여부 쿠키저장 예제

    \r\n
    \r\n
    \r\n
    \r\n

    쿠키를 아주 손쉽게 이용할 수 있게 해주는 jQuery Cookie 플러그인 입니다.

    \r\n


    \r\n

    간단하게 사용방법을 말씀드리자면

    \r\n

    $.cookie('the_cookie', 'the_value'); // 키값, 쿠키값

    \r\n

    위와 같은 코드 한줄로 간단하게 쿠기를 쓸 수 있습니다.

    \r\n


    \r\n

    $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); // 키값, 쿠키값, 옵션

    \r\n


    \r\n

    쿠키 값 호출은 $.cookie('the_cookie'); 요렇게 하면 됩니다.

    \r\n


    \r\n

    아주 간단하죠!!!

    \r\n


    \r\n


    \r\n

    자, 간단히 사용법을 알아보았으므로 이제 제목에 말씀드렸다시피 모바일 기기로 접속했을 때 모바일 페이지로 이동할건지 아니면 그냥 pc페이지로 이동할건지 여부를 물어서 쿠키값에 저장시키는 예제를 만들어보겠습니다.

    \r\n


    \r\n

    우선 코드부터 보여드리면

    \r\n
    \r\n

        if ($.cookie('vzm_move')==null)
        {
            var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'SCH-', 'SPH-', 'LG-', 'CANU', 'IM-', 'EV-', 'Nokia');
            for (var word in mobileKeyWords){
                if (navigator.userAgent.match(mobileKeyWords[word]) != null){
                    var conf = confirm('모바일기기로 접속하셨습니다. 모바일 페이지로 이동하시겠습니까?');
                    if (conf==true)
                    {
                        location.href = "<?=$g4['m_path']?>/";
                        break;
                    } else {
                        // set 쿠키
                        $.cookie('vzm_move', 'false', { expires: 1 });
                        return false;
                    }
                }
            }
        }

    \r\n

    위와 같습니다 ^-^

    \r\n


    \r\n

    이제 위 코드를 한번 뜯어봅시다 -_-;; 전부 뜯을필욘 없고 쿠키관련만 봅시다 ㅎㅎ

    \r\n

                    var conf = confirm('모바일기기로 접속하셨습니다. 모바일 페이지로 이동하시겠습니까?');
                    if (conf==true)
                    {
                        location.href = "<?=$g4['m_path']?>/";
                        break;
                    } else {
                        // set 쿠키
                        $.cookie('vzm_move', 'false', { expires: 1 });
                        return false;
                    }

    \r\n

    이동 안한다고 하면 PC페이지로 그냥 보여주면 되니까 이 때 쿠키에 false 값을 저장시킵니다.

    \r\n

    옵션의 expires: 1 이건 날짜 설정 입니다. 숫자는 day를 뜻합니다. 1이면 하루 이겠죠 ^-^

    \r\n


    \r\n


    \r\n

        if ($.cookie('vzm_move')==null)

    \r\n

    저장된 쿠키값이 없으면 모바일기기인지 다시 체크해서 confirm 날려주면 되니까 위 처럼 if로 쿠키값의 값이 있는지 체크하면 되겠죠?


    \r\n


    \r\n
    ※ 로그인 하시면 원본파일을 볼 수 있습니다. ※
    \n
    [이 게시물은 관리자님에 의해 2013-11-18 21:29:50 11.H_BBS에서 이동 됨]
    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.

    목록

    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사




    Total 1,675 / 12 Page
    [ 제 web 서버 대표홈 이동 방법입니다 ] 댓글 2

    제 web 서버 대표홈 이동 방법입니다//==============root에서 index.php 만듭니다 =============//======…

    [ 헤놀로지 설치준비) 홈서버의 모든것 / 익스트림 ]

    헤놀로지 설치준비) 홈서버의 모든것 / 익스트림출처 :http://extrememanual.net/homeidc♠\r\n♠ https://11q…

    [ sudo poweroff 시놀로지 dsm6종료 않될때 putty ssh 모드로 접속 ] 댓글 2

    dsm6 자체 상단 사람 표시아콘에서 종료버튼을 눌러도 종료 되지 않는다\r\n종료 메세지는 나오지만 dsm 접속 상태 종료 되지 않는다\r\n…

    [ 해결)접근에러 아미나빌더 베너 사진 링크1 이동시 ] 댓글 1

    >안녕하세요\r\n아미나빌더를 잘사용 하고 있습니다\r\n아래와 같은 조건에 비회원 접근에 접근에러가발생합니다\r\n어디를 설정해야 하는지…

    [ vmware 헤놀로지 실행 메세지 및 sn,mac 변경을 osfmount_x64.exe을 이용하여 변경 하… ] 댓글 2

    vmware 헤놀로지 실행 메세지 및 sn,mac 변경을 osfmount_x64.exe을 이용하여 변경 하기마운트 파일 synoboot.img를…

    [ shimss home 사이트 속도 측정 ] 댓글 1

    shimss home 사이트 속도 측정https://tools.pingdom.com/#!/x3kcE/11q.kr/g5s저의 헤놀로지 vmware…

    [ 시놀로지나스 dsm 2중보안 접속 opt 설정시 화면 ]

    > 상기는 2중보안 설정시 qr 코드 스캔후otp설치후 초기진입시 otp번호 입력시 번호 발생기 내용입니다이후 dsm접속시>\r\n&…

    [ PIWIGO 2.9 설치 사례 입니다.// 한글 문제점 수정 저장 ] 댓글 1

    PIWIGO 2.9 설치 사례 입니다.구글에서 piwigo 찾아 사이트 접속 다운로드 합니다http://piwigo.org/basics/down…

    [ tvheadend 백업 복원하기 와 내부 그래버 모듈 안볼일때 나오게 하기 ] 댓글 1

    tvheadend 백업 복원하기 와 내부 그래버 모듈 안볼일때 나오게 하기tvheadend 백업 복원하기1) 파일 3개 백업 : channel,…

    [ 전세계 iptv리스트 목록 채널 CHANNELS IP ]

    https://pastebin.com/search?q=kbs+udp가보니 전세계 iptv 목록이 있습니다아래와 같이 조회 합니다파일을 다운 로드…

    [ u5pvr 리눅스 펌웨어 진행 준비 webdav tvheadend 백업후 복원까지 정상화 하기 20180… ] 댓글 2

    u5pvr 리눅스 펌웨어 진행 준비 webdav tvheadend 백업후 복원까지 정상화 하기 20180215#백업하기#/home/hts/.ht…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-26 08:45:29

    오늘의 홈 현황


    • 현재 접속자♨ 805 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 2 명
    • 주간 가입자※ 8 명
    • 오늘 방문자 1,302 명
    • 어제 방문자 2,051 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,395,909 명
    • 전체 게시물※ 8,654 개
    • 전체 댓글수※ 24,772 개
    • 전체 회원수 11,068 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑