KJCLUB - 한국인의 친구를 갖고 싶습니다(*′��

지식교류

테마게시판

포토게시판

교류게시판

지역게시판

서울 3402
인천 8154
전주 1571
광주 4458
대구 1831
대전 6781
천안 778
부산 3731
훗카이도 945
도호쿠 925
도쿄 6053
칸사이 3562
후쿠오카 1003

버그 게시판

버그 게시판 689

칸사이

한국인의 친구를 갖고 싶습니다(*′

글쓴이

0 けぷ

작성일

2017-01-08 05:36:10

조회

1,962

칸사이 거주의 여자 아이입니다!

K-POP를 아주 좋아하는 한국어를 배우고 싶기 때문에

가르쳐 주셨으면 합니다!!

함께 어학을 배우면서 사이가 깊어져서 갈 수 있으면, 라고

일본어로 보기

韓国人のお友達が欲しいです(*´︶`*)

関西在住の女の子です!

K-POPが大好きで韓国語を学びたいので

教えて欲しいです!!

一緒に語学を学びながら仲を深めていけたらな、と

TOTAL: 3558

번호	제목	글쓴이	날짜	조회	추천
3558	젊은 벚꽃 철도젊은 사쿠라역의 벚꽃�.......	RapidMoonlight	04-11	13	0
3557	오쿠 이즈모 큰 뱀 루프♪	RapidMoonlight	02-10	213	0
3556	일본에 필요한 정당은? (2)	superhappy	2023-03-25	1022	0
3555	세이코생일 축하합니다 (1)	katoudai84	2023-03-10	1087	0
3554	처음 뵙겠습니다	idautoka	2023-02-18	1161	0
3553	오미하치만시	R33R	2022-12-11	1190	0
3552	정말로 순수 일본인은 한국남같은 것�....... (1)	purukogitabetakunai	2022-08-28	1719	0
3551	ワロタｗ男前がいない国ランキング�....... (3)	baby	2022-08-28	1664	0
3550	한국남들의 외모를 본 정직한 일본 여....... (4)	baby	2022-08-28	1723	0
3549	와로타 w미남자가 없는 나라 랭킹으로....... (6)	119koo	2022-08-28	1483	0
3548	초부자가 된	24vx	2022-08-27	1341	0
3547	zz	windows15	2022-06-06	1533	0
3546	이요 마츠야마성의 벚꽃♪	RapidMoonlight	2022-04-13	1803	0
3545	____	FineethnicKorean	2021-12-31	1981	0
3544	안녕하세요!</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">2603</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3543 </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"> 세토나이카이의 다리의 사진을 여러�....... <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">2851</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3542 </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"> 나는 시가현 출신입니다. <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">3289</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3541 </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"> 칸사이 뮤직 스테이션 <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">3114</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3540 </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"> 국도 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">4071</td> <td class="text-center valign-mid hide-mobile">1</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3539 </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"> 타케시마는 일본의 영토( <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">4080</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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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">2</a></li><li><a href="/kr/board/exc_board_40/lists/page/3">3</a></li><li><a href="/kr/board/exc_board_40/lists/page/4">4</a></li><li><a href="/kr/board/exc_board_40/lists/page/5">5</a></li><li><a href="/kr/board/exc_board_40/lists/page/2" >></a></li><li><a href="/kr/board/exc_board_40/lists/page/178" >끝 »</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> <script type="text/javascript" src="/js/md5.js"></script> <script type="text/javascript" src="/js/kcaptcha.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>