KJCLUB - 関西

掲示板

テーマ掲示板

フォト掲示板

交流掲示板

地域掲示板

ソウル 3403
仁川 8156
全州 1577
光州 4472
大邱 1832
大田 6786
天安 799
釜山 3733
北海道 945
東北 927
東京 6059
関西 3562
福岡 1011

バグ掲示板

バグ掲示板 693

関西

TOTAL: 3555

番号		タイトル	ライター	日	参照	推薦
3555		若桜鉄道若桜駅の桜♪	RapidMoonlight	2024-04-11	829	0
3554		奥出雲おろちループ♪	RapidMoonlight	2024-02-10	1054	0
3553		聖子ちゃんお誕生日おめでとうご....... (1)	katoudai84	2023-03-10	1894	0
3552		はじめまして	idautoka	2023-02-18	1980	0
3551		本当に純粋日本人は韓国男なんか....... (1)	purukogitabetakunai	2022-08-28	2564	0
3550		ワロタｗ男前がいない国ランキン....... (3)	baby	2022-08-28	2520	0
3549		韓国男達の外貌を見た正直な日本....... (4)	baby	2022-08-28	2749	0
3548		ワロタｗ男前がいない国ランキン....... (6)	119koo	2022-08-28	2343	0
3547		超金持ちになった	24vx	2022-08-27	2147	0
3546		伊予松山城の桜♪	RapidMoonlight	2022-04-13	2641	0
3545		____	FineethnicKorean	2021-12-31	2812	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">3433</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="/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">3451</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="/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">3884</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="/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">3722</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="/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">4698</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="/jp/board/exc_board_40/view/id/3190992"> 竹島は日本の領土( <ifra....... <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">4705</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 3538 </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">5010</td> <td class="text-center valign-mid hide-mobile">1</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/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">5286</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/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">4970</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 f.......</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;">竹島は日本の領土( <ifra.......</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> let arr_id = ["3797592","3777054","3647638","3640774","3568144","3568139","3568136","3568131","3567968","3507269","3457839","3392595","3371360","3303950","3276605","3223778","3190992","3190945","3188818","3161990"]; $(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, "wr_id": arr_id}, 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() + (exdays * 24 * 60 * 60 * 1000)); 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 KJCLUB All rights reserved. </td> </tr> </table> </div> </div> </div> </div> </footer> <!--MOBILE WEB BOTTOM BAR--> <div id="mobile-web-bottom-bar"> <ul> <li><a href="/jp">Home</a></li> <li><a href="/jp/chat">Chat</a></li> <li><a href="/jp/chat/friends">FriendsList</a></li> <li><a href="/jp/chat/blockedlists">BlockedLists</a></li> <li><a href="/jp/friends/">My Page</a></li> </ul> </div> <!--/MOBILE WEB BOTTOM BAR--> <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> <nav id="nav-bottom" class="navbar navbar-default navbar-fixed-bottom" role="navigation"> <ul class="nav nav-pills bg-info"> <!-- <li class="text-center"><a href="/jp">Home</a></li> --> <li class="text-center "><a href="/jp/chat/">Chat</a></li> <li class="text-center "><a href="/jp/chat/friends">Friends</a></li> <li class="text-center "><a href="/jp/chat/requestFriends">Request</a></li> <li class="text-center "><a href="/jp/chat/blockedlists">Blocked</a></li> </ul> <!-- <div class="navbar position-div"> <a href="/jp">Home</a> <a href="/jp/chat/">Chat</a> <a href="/jp/chat/friends">FriendsList</a> <a href="/jp/chat/blockedlists">BlockedLists</a> </div> --> </nav> <!--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; } .navbar a { text-align: center; } .position-a { margin-left: 10%; font-size: 17px; color: #23527c; } </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"> const isMobile = /iPhone\|iPad\|iPod\|Android\|IEMobile\|webOS\|BlackBerry\|Windows Phone/i.test(navigator.userAgent); if (isMobile) { $('#nav-bottom').show(); } else { $('#nav-bottom').hide(); } 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>