CINXE.COM
ログイン | 今解き教室電子ドリル
<!--#7305 site traking code--> <!--PC Search--> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="csrf-token" content="FQf24fSf20kMOuNNH7hkU7ZpJTfG30MKVlpshINR"> <title> ログイン | 今解き教室電子ドリル </title> <meta name="description" content="「今解き教室電子ドリル」では、最新の朝日新聞記事を題材にした問題を毎週配信します。「今解き教室」は、朝日新聞に掲載した記事、写真、図表などを活用して「現代社会が抱える問題について考える」総合学習教材です。 "> <!--isDesktop isTablet --> <meta name="viewport" content="width=1200"><!--pc，tablet --> <link rel="icon" href="https://imatoki.actibookone.com/favicon.ico?v=20250109" type="image/x-icon"> <link rel="apple-touch-icon" href="https://imatoki.actibookone.com/apple-touch-icon.png?v=20250109" sizes="180x180"> <script type="text/javascript"> //pc模式判断是不是ipad var isiPad = (navigator.userAgent.match(/(iPad)/) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) if (isiPad) { var platform = ""; //是iPad在url加上platform=iPad if (platform == "") { var strUrl = window.location.href; if (strUrl.indexOf("platform=iPad") == -1) { if (strUrl.indexOf("?") == -1) { window.location.href = strUrl + "?platform=iPad" } else { window.location.href = strUrl + "&platform=iPad" } } } } </script> <!--common css list & specific css list--> <link rel="stylesheet" href="https://imatoki.actibookone.com/assets/css/base.css?v=20250109"> <link rel="stylesheet" href="https://imatoki.actibookone.com/assets/css/style.css?v=20250109"> <link rel="stylesheet" href="https://s3.ap-northeast-1.amazonaws.com/prod-contents.actibookone.com/system/web_files/6435/assets/css/16705686114304.css"> <!-- page specific styles--> <!--specific page css--> <!-- inline styles related to this page--> <!--bownow js--> <!--traking code--> <!-- トラッキングコード（コンテンツを含む本棚サイト全体） 包含login系列 --> <!-- サイト反映コード --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ESKVZJ6ZBC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ESKVZJ6ZBC'); </script> <script type="text/javascript" src="https://imatoki.actibookone.com/assets/js/lib.js?v=20250109"></script> </head> <body class="home nav-beforelogin login " > <!--header显示部分--> <!-- home画面：banner / content detail画面:viewer --> <div class="header-mainvisual"> <div class="valign-wrapper"> <div class="valign center-align"> <h2>ログイン</h2> </div> </div> <div class="header-mainvisual__navigation"> <a class="waves-effect" href="javascript:void(0);" onclick="back();"> <span class="chevron-alike"></span> </a> </div> </div> <!--SD search--> <main role="main"> <div class="main-inner clearfix"> <div class="main-content clearfix"> <!--specific main content--> <div class="breadcrumb-block"></div> <div class="main-content-block content-block"> <div class="loginsignup-block"> <div class="login-form form-nomaterialize"> <div class="row form-row" id="mail_row"> <div class="col s12 m4 col-label"> <label class="form-label" for="login_mail"><span class="label-chip label-chip--required">必須</span><span class="label-text">ユーザーID</span></label> </div> <div class="col s12 m8 col-input"> <input id="login_mail" type="text" placeholder="ユーザーIDまたはメールアドレスを入力してください" > <div class="follow-text"></div> <div class="help-text" id="mail_error_mess"></div> </div> </div> <div class="row form-row" id="password_row"> <div class="col s12 m4 col-label"> <label class="form-label" for="login_password"><span class="label-chip label-chip--required">必須</span><span class="label-text">パスワード</span></label> </div> <div class="col s12 m8 col-input"> <input id="login_password" type="password"> <div class="help-text" id="password_error_mess"></div> </div> </div> <div class="password-reminder-block"> <a class="password-reminder waves-effect btn-flat" href="https://imatoki.actibookone.com/reminder/step01"> パスワードを忘れた方はこちら </a> </div> <div class="login-button-block"> <a class="btn btn-primary waves-effect waves-light" id="login-button" onclick="login()"> ログイン </a> </div> <!--Docs模式时,不显示header,也不显示新规user login--> </div> </div> </div> </div> </div> </main> <!--footer显示部分--> <!--common footer--> <footer> <div class="page-footer"> <div class="footer-inner"> <div class="footer-main container white-text"> <!--当前画面如果是显示个人情报保护方针画面，则不需要显示此link--> <a class="pc-items" href="https://imatoki.actibookone.com/privacy" target="_blank" rel="noopener"> <i class="fa fa-arrow-circle-o-right"></i> 個人情報保護方針 </a> <a class="pc-items" href="https://cloudcircus.jp/ActiBook_privacypolicy/" target="_blank" rel="noopener"> <i class="fa fa-arrow-circle-o-right"></i> ActiBook プライバシーポリシー </a> <a class="sd-items" href="https://imatoki.actibookone.com/privacy" target="_blank" rel="noopener"> <i class="fa fa-arrow-circle-o-right"></i> 個人情報保護方針 </a> <a class="sd-items" href="https://cloudcircus.jp/ActiBook_privacypolicy/" target="_blank" rel="noopener"> <i class="fa fa-arrow-circle-o-right"></i> ActiBook プライバシーポリシー </a> </div> </div> <div class="footer-copyright"> <div class="footer-inner"> <div class="container center-align"> <a href="https://cloudcircus.jp/company/" target="_blank" rel="noopener"> Copyright The Asahi Shimbun Company. </a> </div> </div> </div> </div> </footer> <div class="gototop" id="gototop"> <div class="gototop__tip"><a class="gotocomment_input" id="gotocomment_input" href="javascript:void(0)"><i class="xiconbasic-pencil"></i></a><a class="gototop_link" id="gototop_link" href="javascript:void(0)"><i class="xiconbasic-arrow-left"></i></a> </div> </div> <!-- .modal--> <div class="modal modal-confirm modal-maintenance-notice" id="modal-maintenance-notice"> <div class="modal-content"> <h4> <i class="fa fa-exclamation-circle maintenance-warning"></i> メンテナンスのお知らせ </h4> <p> </p> <div class="onetime-check-wrap"> <input class="filled-in" id="onetime_check" name="maintenance_message" type="checkbox" value="maintenance_message"> <label for="onetime_check">今後、このメッセージを表示しない</label> </div> </div> <div class="modal-footer"><a class="modal-action modal-close waves-effect waves-blue btn-flat" id="maintenance-notice-button">閉じる</a> </div> </div> <!-- /.modal--> <script type="text/javascript"> //version5.6.0 function setCookieCategory(cname, cvalue) { var strdomain = window.location.host; document.cookie = cname + "=" + cvalue + ";domain=" + strdomain + ";path=/;secure"; } $(".tags_dropdown__item").on("click", function () { setCookieCategory("display_method", "1") }) function setCookieMaintenance(cname, cvalue) { var d = new Date(); d.setTime(d.getTime() + (12 * 30 * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + ";domain=actibookone.com;" + expires + ";path=/;secure"; } function getCookieMaintenance(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name) == 0) return c.substring(name.length, c.length); } return "null"; } $(document).ready(function () { $(".modal-maintenance-notice-a").on('click', function (e) { e.preventDefault(); $('#modal-maintenance-notice').modal(); $('#modal-maintenance-notice').trigger("openModal"); }) //到维护公告时间 // ヘッダのアイコンにツールチップを追加 $('.nav-pc-rightside__item a[data-tooltip]').on('open', function () { if ($(this).is('.active')) $(this).trigger('mouseleave.tooltip'); }).tooltip({position: 'bottom', offset: 0, delay: 50}); }); </script> <script type="text/javascript"> //--SD画面，如果前一个画面存在，则显示返回箭头 function displayBackButton() { if (window.history.length > 1) { //除sd content详细画面以外的 $('body').addClass('has-headernavi'); //sd content详细画面 $('.book-detail-block__top__navigation').show(); } } </script> <script type="text/javascript" src="https://imatoki.actibookone.com/assets/js/script.js?v=20250109"></script> <script type="text/javascript" src="https://imatoki.actibookone.com/assets/js/Base64.js?v=20250109"></script> <!-- page specific plugin scripts--> <!--specific page js file--> <script type="text/javascript"> //js方法将HTML特殊符号转义成html实体 function js_htmlspecialchars(str){ str = str.replace(/&/g, '&'); str = str.replace(/</g, '<'); str = str.replace(/>/g, '>'); str = str.replace(/"/g, '"'); str = str.replace(/'/g, '''); return str; } function js_htmlspecialchars_decode(str){ str = str.replace(/&/g, '&'); str = str.replace(/</g, '<'); str = str.replace(/>/g, '>'); str = str.replace(/"/g, '"'); str = str.replace(/'/g, "'"); return str; } //字符串格式化的方法 function stringFormat(str,args) { var result = str; if (arguments.length > 0) { for (var key in args) { if(args[key]!=undefined){ var reg = new RegExp("({" + key + "})", "g"); var replaceStr = args[key].toString().replace(/\$/g, '$$$'); //$=> $$$ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace result = result.replace(reg, replaceStr); } } } return result; } //v1.2 呼起APP function openApp(callAppUrl) { var subWindow = $("#actibookoneFrame")[0] && $("#actibookoneFrame")[0].contentWindow; if(subWindow && subWindow.openApp) { subWindow.openApp(); } } //v3.0 格式化comment总数(格式为9,999+) function formatCommentLikeCnt(commentCnt) { var base = String(commentCnt).split('.'), former = base[0], latter = base.length == 2 ? base[1] : '', tmp = ''; while(former != (tmp = former.replace(/^([+-]?\d+)(\d{3})/,'$1,$2'))){ former = tmp; } var format1 = former + (latter === '' ? '' : '.' + latter); if (parseInt(commentCnt) > 9999) { format1 = '9,999+'; } return format1; } </script> <!-- 常用的js工具类--> <!-- common behavior--> <script type="text/javascript"> //CSRF 安全校验 $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $(document).ready(function () { // パンくずリストで、カテゴリの文字列量が多いときの対応 // 「HOME」の想定表示幅 var homeWidth = 40; var categoriesMax = 5; if ($('.breadcrumb_wrap, .detail-texts__breadcrumbs, .book-detail-block__texts__breadcrumbs').length) { var parent = $($('.breadcrumb_wrap, .detail-texts__breadcrumbs, .book-detail-block__texts__breadcrumbs')[0]), breadcrumbWrapWidth = parent.prop('offsetWidth') - parseInt(parent.css('padding-left')) - parseInt(parent.css('padding-right')), isSD = $('body').is('.book-detail--sd'), breadcrumbWrapWidthDivided = parseInt((breadcrumbWrapWidth - homeWidth - (isSD ? parseInt($($('.breadcrumb')[0]).css('margin-right')) * ($('.breadcrumb').length) : 0)) / ($('.breadcrumb').length - 1)); var breadcrumbs = parent.find('.breadcrumb'), totalWidth = 0; breadcrumbs.each(function (index) { if ($(this).prop('offsetWidth') > breadcrumbWrapWidthDivided) { $(this).css('width', (breadcrumbWrapWidthDivided + (isSD ? (index === breadcrumbs.length - 1) ? parseInt($($('.breadcrumb')[0]).css('margin-right')) : 0 : 0)) + 'px').attr({'data-tooltip': $(this).text()}); } else { $(this).removeAttr('data-tooltip'); } if (index === breadcrumbs.length - 1) { $(this).css('width', $(this).is('.breadcrumb--contentsdetail') ? 'auto' : parseInt(breadcrumbWrapWidth - totalWidth) + 'px'); } else { totalWidth += $(this).prop('offsetWidth') + 1 + parseInt($(this).css('margin-right')); } }); parent.find('[data-tooltip]').tooltip({position: 'top', offset: 0, delay: 50}); parent.find('[data-tooltip]').each(function () { $('#' + $(this).attr('data-tooltip-id')).addClass('width-400'); }); parent.addClass('breadcrumb_wrap--checked'); } }); </script> <!-- inline scripts related to this page--> <script type="text/javascript"> $(document).ready(function () { // カテゴリの上端からの表示余白 var categoryTopMargin = 30; // ヘッダナビゲーションのボタン内のアイコンクリック時 $('#nav-pc-tags').find('i').on('click', function (e) { e.preventDefault(); e.stopPropagation(); if ($('#category_dropdown').is(':visible')) { $('#nav-pc-tags').dropdown('close'); } else { $('#nav-pc-tags').dropdown('open'); } }); // ヘッダナビゲーションのフォーカス時 $('.item-searchinput').on('focus click', function (e) { e.stopPropagation(); if (!$('body').is('.template1') && !$('body').is('.template2')) { // テンプレート1 か 2 でない場合にのみ。検索の入力欄が伸び縮みする $('.item-searchinput__wrap').addClass('focused'); } }); // ヘッダナビゲーションの検索表示 $('#nav-pc_templatesearch').on('click', function () { $('#nav-right').addClass('show-search'); setTimeout(function () { $('#search-input').focus(); }, 10); }); $('#search_overlay').on('click', function () { $('#nav-pc_search').one('transitionend', function () { $('#nav-right').removeClass('hide-search show-search'); }); $('#nav-right').addClass('hide-search'); }); //点击画面上的其他地方,pc检索的输入框收回 $(document).on('click', function (e) { if (typeof ($('#search-input')) != "undefined") { //soft add 只有pc search input框存在时 if (!$(this).parents('.item-searchinput__wrap').length && !$('#search-input').val()) { $('.item-searchinput__wrap').removeClass('focused'); } } }); // 検索のドロップダウン起動 if ($('#item-dropdown').length) { $('#item-dropdown').dropdown({ belowOrigin: true }); $('#nav-category-dropdown').find('a').on('click', function (e) { var _this = $(this); $('#item-dropdown').text(_this.text()).dropdown('close'); }); } // ヘッダナビゲーションの検索アイコンクリック時 $('#searchicon').on('click', function (e) { e.stopPropagation(); if ($('#search-input').val() == '') { $('#search-input').trigger('focus'); } else { // 検索ボックスが空ではない場合は、検索アイコンクリックで検索実行 } }); // ヘッダナビゲーションのカテゴリ $('#nav-pc-tags').dropdown({belowOrigin: true, alignment: 'right', stopPropagation: true}); var _getDropDownHeight = function (scrollArea, ancestorIsHeader) { var result = 0; if (ancestorIsHeader) { result = $('#tags_dropdown').prop('offsetHeight') - parseInt($('#tags_dropdown').css('margin-top')); } else { var scrollAreaTop = scrollArea.offset().top; var scrollAreaHeight = scrollArea.prop('offsetHeight'); var windowScroll = $(_isHtmlScrollable ? 'html' : 'body'); var windowScrollTop = windowScroll.prop('scrollTop'); if (windowScrollTop + $('.nav-upper').prop('offsetHeight') + categoryTopMargin > scrollAreaTop) { scrollAreaHeight = Math.min(windowScrollTop + $(window).prop('innerHeight'), scrollAreaTop + scrollAreaHeight - windowScrollTop) - ($('.nav-upper').prop('offsetHeight') + categoryTopMargin); } var notBottom = $(window).prop('innerHeight') - ($('#open_tags').offset().top - windowScrollTop); var scrollHeightToBe = Math.min(notBottom, scrollAreaHeight); if (scrollHeightToBe === notBottom) { scrollHeightToBe -= 10; } result = scrollHeightToBe; } return result; }; var _slimScrollInitializeTimer; $('#nav-pc-tags').on('open', function (e) { var _this = $(this), _parent = $('#tags_dropdown'), _content = _parent.find('.tags_dropdown__content__inner'), isHeader = !!_this.next('#tags_dropdown').length; if (_parent.find('.slimScrollDiv').length) { _content.off('initialized').slimScroll({destroy: true}); _content.removeAttr('style'); } clearTimeout(_slimScrollInitializeTimer); _slimScrollInitializeTimer = setTimeout(function () { if (_this.is('.active')) { _content.on('initialized', function () { setTimeout(function () { _content.trigger('mouseout'); setTimeout(function () { _content.trigger('mouseover'); }, 200); }, 200); }); _content.slimScroll({ axis: 'y', railVisible: true, height: _getDropDownHeight(_content, isHeader) }); } }, 410); }); $(window).on('resize', $.debounce(200, function () { if ($('#nav-pc-tags').is('.active')) { $('#nav-pc-tags').dropdown('close'); } })); // カテゴリの展開/閉じ込み $(document).on('click', '.tags_openclose', function () { var _this = $(this), cond = !_this.is('.tags_openclose--open'), slimscrollwrap = _this.closest('.tags_dropdown__content__inner'), ancestorIsHeader = !!_this.closest('#tags_dropdown').length; slimscrollwrap.off('initialized').slimScroll({destroy: true}); slimscrollwrap.css('height', 'auto'); _this.toggleClass('tags_openclose--open', cond).next('.tags_dropdown__box')[cond ? 'slideDown' : 'slideUp'](cond ? 'normal' : 'fast', function () { slimscrollwrap.on('initialized', function () { setTimeout(function () { slimscrollwrap.trigger('mouseout'); setTimeout(function () { slimscrollwrap.trigger('mouseover'); }, 200); }, 200); }); slimscrollwrap.slimScroll({ axis: 'y', railVisible: true, height: _getDropDownHeight(slimscrollwrap, ancestorIsHeader) }); }); }); // セレクトボックスの起動 // Chrome で material_select がクリック時に見た目がおかしくなるため、見た目を似せてドロップダウンで実装 if ($('select').length && $('select').closest('.sort-select').length && $('select').closest('.sort-select').find('.select-alike').length) { var tapev = window.ontouchstart === null ? 'touchstart' : 'click'; var select = $('select').closest('.sort-select').find('.select-alike'); select.each(function (index) { var selectbox = $(this), dropdown_id = 'sort_dropdown_' + (index + 1), dropdown = selectbox.next('.dropdown-content'), selecttag = dropdown.next('select'); selectbox.attr('data-activates', dropdown_id); dropdown.attr('id', dropdown_id); select.on(tapev, function (e) { e.stopPropagation(); var current = selecttag.find('option:selected').val(); dropdown.find('li').removeClass('selected'); dropdown.find('[data-value="' + current + '"]').addClass('selected'); }); dropdown.find('a').on(tapev, function (e) { e.stopPropagation(); var selected = $(this).closest('li'), selected_value = selected.attr('data-value'); if (!selected.is('.selected')) { selecttag.val(selected_value); selectbox.text(selecttag.find('option:selected').text()); } selectbox.dropdown('close'); }); selectbox.dropdown(); }); } // テンプレートでのカテゴリの移動 if ($('body').is('.has-open-category')) { $(window).on('scroll', function () { var scrollArea = $(_isHtmlScrollable ? 'html' : 'body'); var scrollTop = scrollArea.prop('scrollTop'); var headerHeight = $('.nav-upper').prop('offsetHeight'); var categoryColumnTop = $('#category_column').offset().top; $('#open_tags').toggleClass('open-tags--sticky', (scrollTop + headerHeight + categoryTopMargin > categoryColumnTop)); setTimeout(function () { $(window).trigger('resize'); }, 300); }); $(window).on('resize', $.debounce(200, function () { if ($('#open_tags:visible').length) { var slimscrollwrap = $('#open_tags').find('.tags_dropdown__content__inner'); slimscrollwrap.off('initialized').slimScroll({destroy: true}); slimscrollwrap.css('height', 'auto'); slimscrollwrap.slimScroll({ axis: 'y', railVisible: true, height: _getDropDownHeight(slimscrollwrap, false) }); } })); } if (typeof $("#search-input").val() != 'undefined') { if ($("#search-input").val().length > 0) { $('#nav-right').addClass('show-search'); } } }); </script> <script type="text/javascript"> $(document).ready(function () { // 固定値 // コンテンツエリアの幅 var _contentWidth = 1168; // トップに戻るチップの幅 var _gototopWidth = 108; // トップに戻るチップの下端 var _gototopMarginBottom = 28; // コンテンツエリア左端からのチップ位置 var _gototopLeft = 69; // チップ表示位置を考慮した最低ウィンドウサイズ var _minWindowWidth = (_gototopWidth + _gototopLeft) * 2 + _contentWidth; // SD の場合の右端の位置 var _gototopSDMarginRight = 14; // トップに戻る所要時間 var _gototopRequiredTime = 700; // 表示非表示の切り替えポイント var _gototopShowingHeight = window.matchMedia(_sdMedia).matches ? $('body').is('.home') ? 170 : 80 : $('body').is('.home') ? 300 : 160; // 「トップに戻る」の位置調整 var _adjustBottomPos = function () { var _scrollArea = $(_isHtmlScrollable ? 'html' : 'body'), _windowHeight = $(window).prop('innerHeight'), _scrollHeight = _scrollArea.prop('scrollHeight'), _scrollPos = _scrollArea.prop('scrollTop'), _footerHeight = $('footer').prop('offsetHeight'); var _bottomPos = (_scrollPos + _windowHeight <= _scrollHeight - _footerHeight) ? _gototopMarginBottom : _gototopMarginBottom + (_scrollPos + _windowHeight - (_scrollHeight - _footerHeight)); return _bottomPos; }; var _adjustRightPos = function () { if (!window.matchMedia(_sdMedia).matches) { var _rightPos = ($(window).prop('innerWidth') > _minWindowWidth) ? ($(window).prop('innerWidth') - _contentWidth) / 2 - (_gototopLeft + _gototopWidth) : 10; return _rightPos; } else { return _gototopSDMarginRight; } }; var _adjustGoToTopPos = function () { $('#gototop').css({'right': _adjustRightPos() + 'px'/*,'bottom':_adjustBottomPos()+'px'*/}); }; // ウィンドウのリサイズ時に位置調整 $(window).on('resize', $.debounce(200, function () { _adjustGoToTopPos(); })).trigger('resize'); // スクロール時の処理 var _initAdjusted = false; $(window).on('scroll', function () { var _this = $(this); if (!_initAdjusted) { _initAdjusted = true; $('#gototop').css('right', _adjustRightPos() + 'px'); } if (_this.scrollTop() > _gototopShowingHeight) { if (!$('#gototop').is('.fadein')) { $('#gototop').addClass('fadein'); } } else { if ($('#gototop').is('.fadein') && !$('#gototop').is('.fadeout')) { $('#gototop').on('animationend.gototop webkitAnimationEnd.gototop oAnimationEnd.gototop mozAnimationEnd.gototop', function () { $('#gototop').off('.gototop').removeClass('fadein').removeClass('fadeout'); }); $('#gototop').addClass('fadeout'); } } }).trigger('scroll'); // トップに移動する $('#gototop_link').on('click', function (e) { e.preventDefault(); $(this).blur(); if ($('#gototop').is('.fadein')) { $('body').velocity('scroll', {duration: _gototopRequiredTime, easing: 'ease', mobileHA: false}); } }); // コメント入力欄がない場合は移動アイコンを非表示 if (!$('#commentanchor').length) { $('#gotocomment_input').css({'display': 'none'}); } else { // コメント入力欄に移動する $('#gotocomment_input').on('click', function (e) { e.preventDefault(); $(this).blur(); if ($('#gototop').is('.fadein')) { $('#commentanchor').velocity('scroll', { duration: _gototopRequiredTime, easing: 'ease', mobileHA: false }); } }); } }); </script> <script type="text/javascript"> $(document).ready(function () { // ヘッダのアイコンにツールチップを追加 $('.nav-pc-rightside__item a[data-tooltip]').on('open', function () { if ($(this).is('.active')) $(this).trigger('mouseleave.tooltip'); }).tooltip({position: 'bottom', offset: 0, delay: 50}); }); </script> <div class="fullscreen-loader"> <div class="preloader-wrapper big active"> <div class="spinner-layer spinner-blue"> <div class="circle-clipper left"> <div class="circle"></div> </div> <div class="gap-patch"> <div class="circle"></div> </div> <div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-red"> <div class="circle-clipper left"> <div class="circle"></div> </div> <div class="gap-patch"> <div class="circle"></div> </div> <div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-yellow"> <div class="circle-clipper left"> <div class="circle"></div> </div> <div class="gap-patch"> <div class="circle"></div> </div> <div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-green"> <div class="circle-clipper left"> <div class="circle"></div> </div> <div class="gap-patch"> <div class="circle"></div> </div> <div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $('.fullscreen-loader').on('animationend webkitAnimationEnd oAnimationEnd mozAnimationEnd', function () { if ($('body').is('.hide-fullscreen-loader')) { $('body').removeClass('show-fullscreen-loader hide-fullscreen-loader'); } }); }); </script> <script type="text/javascript"> $(document).ready(function () { if ($('body').is('.notice')) { $('#nav-pc-notice').addClass('item-icon--active'); $('#nav-pc-history').removeClass('item-icon--active'); } else if ($('body').is('.readhistory')) { $('#nav-pc-history').addClass('item-icon--active'); $('#nav-pc-notice').removeClass('item-icon--active'); } else { $('#nav-pc-notice').removeClass('item-icon--active'); $('#nav-pc-history').removeClass('item-icon--active'); } }); </script> <script type="text/javascript"> //SD的返回事件 function back() { window.history.go(-1); //跳转到前一个画面 } //处理ajax异常的共通方法 function commonAjaxError(errorMsg) { if (errorMsg.status == 401) { //1. 由middleware Authenticate中返回，session失效时跳转到login画面 location.href = 'https://imatoki.actibookone.com/auth/login'; } else if (errorMsg.status == 402) { //2. conetnauth 登录 location.href = 'https://imatoki.actibookone.com/auth/login?contentAuth=true'; } else if (errorMsg.status == 403) { //2. ip限制 location.href = 'https://imatoki.actibookone.com/error/403'; } else if (errorMsg.status == 404) { //2. 访问无权限的页面,跳转到404画面 location.href = 'https://imatoki.actibookone.com/error/404'; } else if (errorMsg.status == 422) { //3. request validate返回，参数验证错误时，由各个画面自己处理 displayError displayError(errorMsg.responseJSON); } else { //3. 其他异常错误，跳转到500画面 location.href = 'https://imatoki.actibookone.com/error/500'; } } //endregion </script> <script> /** * version 5.8.0 对应 看书时滚动条自动下滑到下面 */ function gotoTopByViewer() { $('body,html').scrollTop(0); document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } </script> <!-- version 6.7.0 --> <script src='https://ccfp.cloudcircus.ai/ccfp.js'></script> <!-- 用户登录后执行ccpf的setProperty --> <!--specific page js --> <script type="text/javascript"> $(document).ready(function () { // ログイン確認モーダルの起動 $('.modal-alreadyloggedin').modal({dismissible: false}); // ログイン確認モーダルの「閉じる」ボタン/「別アカウントでログインする」クリック時 $('#modal-alreadyloggedin').find('.modal-closer__link, .modal-content__links__closer').on('click', function () { $('.modal-alreadyloggedin').modal('close'); }); }); </script> <script type="text/javascript"> //login按钮点击后的动作 function login() { //防止重复点击 if ($("#login-button").hasClass("disabled")) { return false; } else { $("#login-button").addClass("disabled"); } clearErrorMess(); //清除之前画面上的错误信息 var email = $('#login_mail').val().trim(); var password = $('#login_password').val().trim(); var loginFlg = false; //login成功或失败标志位(0:失败，1：成功) var targetUrl = ''; //login成功后跳转的画面 jQuery.ajax({ async: false, //同步 url: "https://imatoki.actibookone.com/auth/login", type: 'POST', data: { 'email': email, 'password': password, }, success: function (result) { var jsonResult = JSON.parse(result); if (jsonResult.result == 'success') { loginFlg = true; } else if (jsonResult.result == 'validate_error') { if (jsonResult.email_error == 1) { $('#mail_row').addClass('has-error'); $('#mail_error_mess').html('ユーザーIDを入力してください。'); } if (jsonResult.password_error == 1) { $('#password_row').addClass('has-error'); $('#password_error_mess').html('5文字以上、15文字以下の半角英数字で入力してください。'); } } else if (jsonResult.result == 'auth_error') { loginFlg = false; //$('#mail_row').addClass('has-error'); $('#password_row').addClass('has-error'); $('#password_error_mess').html('このユーザーIDとパスワードの組み合わせに該当するアカウントは存在しません。'); } else if (jsonResult.result == 'access_error') { loginFlg = false; //$('#mail_row').addClass('has-error'); $('#password_row').addClass('has-error'); $('#password_error_mess').html('アクセス権限がありません。'); } else if (jsonResult.result == 'lock_error') { loginFlg = false; $('#mail_row').addClass('has-error'); $('#password_row').addClass('has-error'); $('#password_error_mess').html('連続でログインに失敗したため、ご入力いただいたIDは一定時間ロックされました。' + '<br/>' + '600分後に再度お試しください。'); } else if (jsonResult.result == 'approval_pending') { loginFlg = false; $('#mail_row').addClass('has-error'); $('#password_row').addClass('has-error'); $('#password_error_mess').html('管理者に承認されるまでログインできません。'); $('#login_mail').val(userEmail); $('.modal-alreadyloggedin').modal('close'); } else if (jsonResult.result == 'approval_deny') { loginFlg = false; $('#mail_row').addClass('has-error'); $('#password_row').addClass('has-error'); $('#password_error_mess').html('管理者に否認されたので、ログインできません。'); $('#login_mail').val(userEmail); $('.modal-alreadyloggedin').modal('close'); } else if (jsonResult.result == 'account_error') { loginFlg = false; $('#mail_row').addClass('has-error'); $('#password_row').addClass('has-error'); $('#password_error_mess').html('アカウントは異常があるので、該当サイトの運営者へお問い合わせ下さい。'); $('#login_mail').val(userEmail); $('.modal-alreadyloggedin').modal('close'); } else if (jsonResult.result == 'user_stop') { loginFlg = false; $('#mail_row').addClass('has-error'); $('#password_row').addClass('has-error'); $('#password_error_mess').html('アカウントが停止されたので、ログインできません。'); $('#login_mail').val(userEmail); $('.modal-alreadyloggedin').modal('close'); } else { loginFlg = false; location.href = 'https://imatoki.actibookone.com/error/500'; } }, error: function (msg) { loginFlg = false; //调用assets_js_list中处理ajax异常的共通方法 commonAjaxError(msg); $('#login-button').removeClass('disabled'); } }); if (loginFlg == true) { //login成功,跳转至之前的画面或者home画面 if (targetUrl != '') { location.href = targetUrl; } else { location.href = "https://imatoki.actibookone.com"; } } else { //login失败，停留在当前页面 } setTimeout(function () { $("#login-button").removeClass("disabled"); }, 1000); } //清除画面上的错误信息 function clearErrorMess() { $('#mail_row').removeClass('has-error'); $('#password_row').removeClass('has-error'); $('#mail_error_mess').html(''); $('#password_error_mess').html(''); } </script> <!--common js list & specific js list--> </body> </html>