KJCLUB - 칸사이

지식교류

테마게시판

포토게시판

교류게시판

지역게시판

서울 3402
인천 8156
전주 1573
광주 4461
대구 1834
대전 6784
천안 786
부산 3733
훗카이도 944
도호쿠 927
도쿄 6058
칸사이 3562
후쿠오카 1009

버그 게시판

버그 게시판 691

칸사이

TOTAL: 3558

번호		제목	글쓴이	날짜	조회	추천
3578		젊은 벚꽃 철도젊은 사쿠라역의 벚꽃�.......	RapidMoonlight	04-11	365	0
3577		오쿠 이즈모 큰 뱀 루프♪	RapidMoonlight	02-10	572	0
3576		일본에 필요한 정당은? (2)	superhappy	2023-03-25	1381	0
3575		세이코생일 축하합니다 (1)	katoudai84	2023-03-10	1464	0
3574		처음 뵙겠습니다	idautoka	2023-02-18	1534	0
3573		오미하치만시	R33R	2022-12-11	1557	0
3572		정말로 순수 일본인은 한국남같은 것�....... (1)	purukogitabetakunai	2022-08-28	2089	0
3571		ワロタｗ男前がいない国ランキング�....... (3)	baby	2022-08-28	2070	0
3570		한국남들의 외모를 본 정직한 일본 여....... (4)	baby	2022-08-28	2183	0
3569		와로타 w미남자가 없는 나라 랭킹으로....... (6)	119koo	2022-08-28	1850	0
3568		초부자가 된	24vx	2022-08-27	1713	0
3567		zz	windows15	2022-06-06	1890	0
3566		이요 마츠야마성의 벚꽃♪	RapidMoonlight	2022-04-13	2161	0
3565		____	FineethnicKorean	2021-12-31	2339	0
3564		안녕하세요!</span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "IamRich", '', 'board', '3392595', 'board');" title="IamRich"><span class="text-muted"><strong>IamRich</strong></span></a></td> <td class="text-center valign-mid">2021-09-17</td> <td class="text-center valign-mid hide-mobile">2987</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3563 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3371360/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 세토나이카이의 다리의 사진을 여러�....... <span class="glyphicon glyphicon-picture text-danger" title="이미지"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "RapidMoonlight", '', 'board', '3797592', 'board');" title="RapidMoonlight"><span class="text-muted"><strong>RapidMoonlight</strong></span></a></td> <td class="text-center valign-mid">2021-08-12</td> <td class="text-center valign-mid hide-mobile">3136</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3562 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3303950/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 나는 시가현 출신입니다. <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "MassageHealth", '', 'board', '3303950', 'board');" title="MassageHealth"><span class="text-muted"><strong>MassageHealth</strong></span></a></td> <td class="text-center valign-mid">2021-05-17</td> <td class="text-center valign-mid hide-mobile">3569</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3561 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3276605/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 칸사이 뮤직 스테이션 <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "dfre", '', 'board', '3276605', 'board');" title="dfre"><span class="text-muted"><strong>dfre</strong></span></a></td> <td class="text-center valign-mid">2021-03-30</td> <td class="text-center valign-mid hide-mobile">3402</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3560 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3223778/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 국도 180호선의 사진을 몇매나♪ <span class="glyphicon glyphicon-picture text-danger" title="이미지"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "RapidMoonlight", '', 'board', '3797592', 'board');" title="RapidMoonlight"><span class="text-muted"><strong>RapidMoonlight</strong></span></a></td> <td class="text-center valign-mid">2021-01-02</td> <td class="text-center valign-mid hide-mobile">4354</td> <td class="text-center valign-mid hide-mobile">1</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3559 </td> <td><span class="flag-icon flag-icon-kr"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_40/view/id/3190992/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> 타케시마는 일본의 영토( <iframe framebor....... <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "대한민국고최", '', 'board', '3190992', 'board');" title="대한민국고최"><span class="text-muted"><strong>대한민국고최</strong></span></a></td> <td class="text-center valign-mid">2020-10-29</td> <td class="text-center valign-mid hide-mobile">4368</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> </tbody> </table> <div class="clearfix" id="bo_grid_writes" style="display:none"> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3797592/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">젊은 벚꽃 철도젊은 사쿠라역의 벚꽃�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3777054/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오쿠 이즈모 큰 뱀 루프♪</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3653958/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">일본에 필요한 정당은?</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3647638/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">세이코생일 축하합니다 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3640774/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">처음 뵙겠습니다 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3613193/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오미하치만시 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568144/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">정말로 순수 일본인은 한국남같은 것�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568139/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">ワロタｗ男前がいない国ランキング�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568136/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">한국남들의 외모를 본 정직한 일본 여.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3568131/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">와로타 w미남자가 없는 나라 랭킹으로.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3567968/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">초부자가 된 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3528203/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">zz</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3507269/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">이요 마츠야마성의 벚꽃♪</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3457839/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">____</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3392595/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">안녕하세요!<iframe frameborder</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3371360/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">세토나이카이의 다리의 사진을 여러�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3303950/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">나는 시가현 출신입니다.</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3276605/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">칸사이 뮤직 스테이션 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3223778/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">국도 180호선의 사진을 몇매나♪</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_40/view/id/3190992/page/%C2%A5%22mailto:chris0903@naver.com%C2%A5%22"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">타케시마는 일본의 영토( <iframe framebor.......</p> </a> </div> </div> <div class="clearfix"> <span class="btn-group"> </span> <div class="pull-right"> </div> </div> </form> <br /> <!-- <form name="fsearch" method="post" action="/kr/board/exc_board_40/lists" onsubmit="return doSearch(this);"> <input type="hidden" name="sca" value="" /> <input type="hidden" name="list_id" value="'3797592','3777054','3653958','3647638','3640774','3613193','3568144','3568139','3568136','3568131','3567968','3528203','3507269','3457839','3392595','3371360','3303950','3276605','3223778','3190992'"/> --> <form name="fsearch" method="get" action="/kr/board/exc_board_40/lists" onsubmit="return doSearch(this);"> <div class="clearfix"> <select name="sfl" class="form-control input-sm span3 pull-left mgb1 mbr1"> <option value="subject"> 제목 </option> <option value="content"> 내용 </option> <option value="subject,content"> 제목+ 내용 </option> <option value="membername"> 글쓴이 </option> </select> <div class="span4 pull-left"> <div class="input-group"> <input name="stx" class="form-control input-sm" maxlength="15" value="" /> <span class="input-group-btn"> <button type="submit" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-search"></span> 검색 </button> </span> </div> </div> <div class="pull-right"> <ul class="pagination"><li class="active"><a>1</a></li><li><a href="/kr/board/exc_board_40/lists/page/2%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">2</a></li><li><a href="/kr/board/exc_board_40/lists/page/3%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">3</a></li><li><a href="/kr/board/exc_board_40/lists/page/4%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">4</a></li><li><a href="/kr/board/exc_board_40/lists/page/5%C2%A5%22mailto:chris0903@naver.com%C2%A5%22">5</a></li><li><a href="/kr/board/exc_board_40/lists/page/2%C2%A5%22mailto:chris0903@naver.com%C2%A5%22" >></a></li><li><a href="/kr/board/exc_board_40/lists/page/178%C2%A5%22mailto:chris0903@naver.com%C2%A5%22" >끝 »</a></li></ul> </div> </div> </form> </div> <script src="/js/twemoji.min.js"></script> <script type='text/javascript'> // Parse emoji on web window.onload = function () { if (! /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)) { twemoji.size = '16x16'; twemoji.parse(document.body); } } // <![CDATA[ // // // ]]> </script> <script src="/js/fakecrop.js"></script> <script> $(document).ready(function () { $('#fakecrop-list img').fakecrop({ wrapperWidth: 64, wrapperHeight: 64 }); $('#fakecrop-grid img').fakecrop({ wrapperWidth: 120, wrapperHeight: 120 }); $('#del_posts').click(function () { let mb_id = $('#mb_id').val(); let link = $('#url').val(); let botable = $('#bo_table').val(); if (mb_id.length == "") { alert("Please select a member to delete the post."); return; } $.ajax({ method: "POST", url: rt_path + '/' + link, data: { "mb_id": mb_id, "bo_table": botable }, dataType: "JSON", success: function (data) { if (data.code == 200) { alert(data.message); location.reload(); } else { alert(data.message); } } }) }) }); function revert_post(wr_id, bo_table) { if (confirm("Revert deleted posting?")) { $.post('/kr/_trans/board_write/revert_delete', { wr_id: wr_id, bo_table: bo_table }, function (data) { alert("Completed"); location.reload(); }); } } </script> <style type="text/css"> #fakecrop-list { height: 64px; width: 64px } #fakecrop-grid { height: 120px; width: 120px } </style></div> </div><!--/.clearfix--> </div><!--/.container--> <div class="fluid-container" style="margin-bottom: 4px; background-color: #fff;overflow: hidden; text-align: center"> </div> <script> function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays2460601000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <footer> <div class="container-fluid"> <div class="row"> <div class="footer-heading"> <div class="container"> <div class="col-md-12 pdl2"> <a href="/kr/languagechanger/switchLanguage/korean" class="link-language-changer lang-active">Korean</a> \| <a href="/kr/languagechanger/switchLanguage/japan" class="link-language-changer ">Japanese</a> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="footer-content"> <div class="container"> <div class="col-md-12 pdl2"> <table> <tr> <td class="footer-logo"> <a href="/kr"><img src="/img/sub_main_logo.gif"></a> </td> <td class="footer-copyright"> <a href="/kr/company">KJCLUB소개</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/rules">이용약관</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/privacy">개인정보취급방침</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/board/exc_board_44">버그 및 불편사항 신고</a> &nbsp&nbsp\|&nbsp&nbsp <a href="javascript:;" title="읽지 않은 쪽지" onclick="win_memo('member/memo/write/관리자');">운영자 문의</a> <br><br> 서비스 운영<br> 그레이트풀데이즈(주) 대표이사: 고요환, 개인정보관리책임 : 고요환, 통신판매업: 제 2015-서울중구-0608호, 사업자번호: 113-86-01236<br> 주소: 서울특별시 성동구 연무장 13길 9 (성수동2가, 아아템풀 빌딩) TEL: 070-7423-8828, 이메일 : <a href="mailto:gdays.kjclub@gmail.com">gdays.kjclub@gmail.com</a> <br><br> <!-- 시스템 운영<br> 조이앤네트웍스(주) 대표이사: 김주환, 통신판매업 신고: 제 2016-서울금천-0751호, 사업자번호: 113-86-07650<br> 주소: 서울특별시 금천구 가산디지털2로 123 --> <br><br> Copyright © Gratefuldays Corp. All rights reserved.<br> Copyright © Joyandnetworks Corp. All rights reserved.<br> Copyright © Korea Japan Culture Exchange KJLUB All rights reserved. </td> </tr> </table> </div> </div> </div> </div> </footer> <script type='text/javascript'> //<![CDATA[ function mSearch(f) { var stx = f.stx.value.replace(/(^\s)\|(\s$)/g,''); if (stx.length < 2) { if (site_lang_code == 'kr') { alert('2글자 이상으로 검색해 주세요.'); } else { alert('二文字以上で検索してください。'); } f.stx.focus(); return false; } return true; } //]]> $(document).ready(function(){ $('.link-language-changer').click(function(e){ //console.log($(this).attr('href')); }) }); $('#main-container').bind("click touchstart", function(){ $('#main-menu-collapse').collapse('hide'); if ($('#main-menu-collapse').hasClass('in')) { $('#main-menu-collapse').removeClass('in'); } }); </script> <ul id="alert" class="list-unstyled" style="width:230px; position:fixed; top:10%; left:50%; margin-left:-115px; z-index:1920;"></ul> <script type="text/javascript" src="/js/board.js"></script> <script type="text/javascript" src="/js/sideview.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4JXGDX6Z8W"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4JXGDX6Z8W'); </script> <!--back to top button--> <span id="top-link-block" style="display: none"> <a href="#top" style="background-color: red; width: 100%; height: 100%; color: #fff; padding: 15px; border-radius: 5px;" onclick="$('html,body').animate({scrollTop:0},'slow');return false;"> <i class="glyphicon glyphicon-chevron-up"></i> Back to Top </a> </span> <style type="text/css"> #top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view / bottom: -82px; right: 10px; } #top-link-block.affix { position: fixed; / keeps it on the bottom once in view / bottom: 40px; right: 20px; } .freezePage{ overflow: hidden; height: 100%; position: relative; } </style> </div> <!--close m-content--> </div> <!--close m-wrapper--> <div class="m-sub-overlay"></div> <div class="m-overlay"></div> <div id="m-sidebar"></div> <div id="m-sub-sidebar"></div> <!--effect scripts--> <script type="text/javascript"> function open_main_menu() { if(!$('#m-sidebar').hasClass("active")) { $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); $('#m-sidebar').show(); if ($('.m-overlay').css("display") == "block") $('.m-overlay').fadeOut(); else $('.m-overlay').fadeIn(); } } function open_sub_menu() { if (!$('#m-sub-sidebar').hasClass("active")) { $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('#m-sub-sidebar').show(); if ($('.m-sub-overlay').css("display") == "block") $('.m-sub-overlay').fadeOut(); else $('.m-sub-overlay').fadeIn(); $('html').addClass('freezePage'); $("body").addClass("freezePage"); $("#m-sub-sidebar").css("overflow-y", "scroll"); } } $(document).ready(function () { $(".mobile-second").show(); //toggle main menu sidebar $('#m-sidebar-collapse').on('click', function () { open_main_menu(); }); //toggle sub menu sidebar $('#m-sub-sidebar-collapse').on('click', function () { open_sub_menu(); }); //close main menu $('.m-overlay').on('click', function () { $('.m-overlay').fadeOut(); $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); }); //close sub menu $('.m-sub-overlay').on('click', function () { $('.m-sub-overlay').fadeOut(); $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('html').removeClass('freezePage'); $("body").removeClass("freezePage"); }); }); //wait for body loading $(window).load(function() { //$("body").removeClass("preload"); }); //back to top button if ( ($(window).height() + 100) < $(document).height() ) { $('#top-link-block').show().affix({ offset: {top:100} }); } //move sub menu into sidebar if (is_mobile) { console.log("is_mobile:true"); $('.mobile-first').insertBefore($('.mobile-second')); if (typeof is_sub_menu !== "undefined" && is_sub_menu == true) $('.mobile-second').detach().appendTo($('#m-sub-sidebar')); } if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent) ) { // } // swipe to open sub sidebar document.addEventListener('touchstart', handleTouchStart, {passive:false}); document.addEventListener('touchmove', handleTouchMove, {passive:false}); var xDown = null; var yDown = null; var disableSubMenu = false; //disable toggle submenu when scroll sub top menu $('.pn-ProductNav_Wrapper').on('click touchstart',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = true; } }); $('.pn-ProductNav_Wrapper').on('click touchend',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = false; } }); var tapedTwice = false; function handleTouchStart(evt) { if(!tapedTwice) { tapedTwice = true; setTimeout( function() { tapedTwice = false; }, 300 ); xDown = evt.touches[0].clientX; yDown = evt.touches[0].clientY; return false; } evt.preventDefault(); }; function handleTouchMove(evt) { if ( ! xDown \|\| ! yDown ) { return; } var xUp = evt.touches[0].clientX; var yUp = evt.touches[0].clientY; var xDiff = xDown - xUp; var yDiff = yDown - yUp; if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {/most significant/ if ( xDiff > 0 ) { / left swipe / console.log("Left swipe"); if (is_sub_menu) { // toggle sub menu sidebar console.log(disableSubMenu); if (!disableSubMenu) open_sub_menu(); } } else { / right swipe / console.log("Right swipe"); } } else { if ( yDiff > 0 ) { / up swipe / console.log("Up swipe"); } else { / down swipe / console.log("Down swipe"); } } / reset values */ xDown = null; yDown = null; }; </script> </body> </html>