KJCLUB - 関西

掲示板

テーマ掲示板

フォト掲示板

交流掲示板

地域掲示板

ソウル 3409
仁川 8156
全州 1577
光州 4473
大邱 1835
大田 6787
天安 799
釜山 3733
北海道 947
東北 929
東京 6062
関西 3562
福岡 1012

バグ掲示板

バグ掲示板 695

関西

TOTAL: 3549

番号		タイトル	ライター	日	参照	推薦
3549		若桜鉄道若桜駅の桜♪	RapidMoonlight	2024-04-11	961	0
3548		奥出雲おろちループ♪	RapidMoonlight	2024-02-10	1237	0
3547		聖子ちゃんお誕生日おめでとうござ�....... (1)	katoudai84	2023-03-10	2043	0
3546		はじめまして	idautoka	2023-02-18	2160	0
3545		本当に純粋日本人は韓国男なんかに�....... (1)	purukogitabetakunai	2022-08-28	2720	0
3544		ワロタｗ男前がいない国ランキング�....... (3)	baby	2022-08-28	2693	0
3543		韓国男達の外貌を見た正直な日本女�....... (4)	baby	2022-08-28	2947	0
3542		ワロタｗ男前がいない国ランキング�....... (6)	119koo	2022-08-28	2499	0
3541		超金持ちになった	24vx	2022-08-27	2335	0
3540		伊予松山城の桜♪	RapidMoonlight	2022-04-13	2810	0
3539		____	FineethnicKorean	2021-12-31	2966	0
3538		こんにちは！</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">3592</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3537 </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="/jp/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">3562</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3536 </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="/jp/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">3994</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3535 </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="/jp/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">3835</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3534 </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="/jp/board/exc_board_40/view/id/3223778"> 国道１８０号線の写真を何枚か♪ <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">4802</td> <td class="text-center valign-mid hide-mobile">1</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3533 </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="/jp/board/exc_board_40/view/id/3190992"> 竹島は日本の領土( <iframe frameborder="0" ....... <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">4816</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3532 </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="/jp/board/exc_board_40/view/id/3190945"> 金閣寺 <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, '', "구민스기", '', 'board', '3190945', '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">5098</td> <td class="text-center valign-mid hide-mobile">1</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3531 </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="/jp/board/exc_board_40/view/id/3188818"> . <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, '', "losekorea888", '', 'board', '3188818', 'board');" title="losekorea888"><span class="text-muted"><strong>losekorea888</strong></span></a></td> <td class="text-center valign-mid">2020-10-25</td> <td class="text-center valign-mid hide-mobile">5384</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3530 </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="/jp/board/exc_board_40/view/id/3161990"> この夏に撮影した写真を何枚か♪ <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">2020-09-17</td> <td class="text-center valign-mid hide-mobile">5000</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="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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;">ワロタｗ男前がいない国ランキング�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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="/jp/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;">国道１８０号線の写真を何枚か♪</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/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 frameborder="0" .......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_40/view/id/3190945"> <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="/jp/board/exc_board_40/view/id/3188818"> <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="/jp/board/exc_board_40/view/id/3161990"> <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> <div class="clearfix"> <span class="btn-group"> </span> <div class="pull-right"> </div> </div> </form> <br /> <!-- <form name="fsearch" method="post" action="/jp/board/exc_board_40/lists" onsubmit="return doSearch(this);"> <input type="hidden" name="sca" value="" /> <input type="hidden" name="list_id" value="'3797592','3777054','3647638','3640774','3568144','3568139','3568136','3568131','3567968','3507269','3457839','3392595','3371360','3303950','3276605','3223778','3190992','3190945','3188818','3161990'"/> --> <form name="fsearch" method="get" action="/jp/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="/jp/board/exc_board_40/lists/page/2">2</a></li><li><a href="/jp/board/exc_board_40/lists/page/3">3</a></li><li><a href="/jp/board/exc_board_40/lists/page/4">4</a></li><li><a href="/jp/board/exc_board_40/lists/page/5">5</a></li><li><a href="/jp/board/exc_board_40/lists/page/2" >></a></li><li><a href="/jp/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('/jp/_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"> <center> <!-- fluct グループ名「KJCLUB：728x90（ページ下）」 --> <script type="text/javascript" src="https://cdn-fluct.sh.adingo.jp/f.js?G=1000078749"></script> <!-- fluct ユニット名「KJCLUB：728x90（ページ下）」 --> <script type="text/javascript"> //<![CDATA[ if(typeof(adingoFluct)!="undefined") adingoFluct.showAd('1000117719'); //]]> </script> </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="/jp/languagechanger/switchLanguage/korean" class="link-language-changer ">Korean</a> \| <a href="/jp/languagechanger/switchLanguage/japan" class="link-language-changer lang-active">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="/jp"><img src="/img/sub_main_logo.gif"></a> </td> <td class="footer-copyright"> <a href="/jp/company"> KJCLUB紹介</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/jp/rules">利用規約</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/jp/privacy"> 個人情報保護方針</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/jp/board/exc_board_44">バグまたは改善依頼</a> &nbsp&nbsp\|&nbsp&nbsp <a href="javascript:;" title="읽지 않은 쪽지" onclick="win_memo('member/memo/write/運営者');">運営者問い合わせ</a> <br><br> 代表メール：<a href="mailto:gdays.kjclub@gmail.com">gdays.kjclub@gmail.com</a> <br><br> Copyright © Gratefuldays 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>