');
});
//スムーズなページ内リンク
$('a[href^="#"]').click(function() {
var href= $(this).attr("href");
var target = $(href);
var position = target.offset().top;
$('body,html').stop().animate({scrollTop:position}, 250);
return false;
});
//選択済みのプルダウンにstyleをあてる
$('select').on('change', function(){
$(this).addClass('is-active');
});
//フォーム項目のvaridation
$('[rule]').on('change', function(){
var varidate = checkFormValue(this);
if (!varidate) {
$(this).parents('.contact-form-item').addClass('is-error');
} else {
$(this).parents('.contact-form-item').removeClass('is-error');
}
});
//Enterによるsubmit制御
$('.form-contact input').on('keydown', function(e) {
if ($(this).attr('type') == 'search') {
return true;
} else {
if ((e.which && e.which === 13) || (e.keyCode && e.keyCode === 13)) {
return false;
} else {
return true;
}
}
});
//郵便番号から住所の自動入力
$('.js-zipaddress').on('keyup change', function(e){
if(!([8, 46].includes(e.keyCode))){
var that = this;
var input_code = $(this).val().replace(/[^0-9]/g, '');
if(input_code.length > 2) input_code = input_code.slice(0, 3) + '-' + input_code.slice(3, 7);
$.getJSON('https://api.zipaddress.net?callback=?', {'zipcode': input_code}, function(json){
$($(that).data('pref')).val(json.pref).trigger('change');
$($(that).data('address')).val(json.address);
});
}
});
// 確認モーダルを開く（+開く前に項目チェック）
$(document).on('click', '.js-open-confirm-modal', function(){
var require_length = $('[require="true"]').length;
var is_first_error = true;
var count_error = 0;
var agree = $('.form-contact #form-agree');
if (!checkFormValue(agree)) {
agree.parents().addClass('is-error');
} else {
agree.parents().removeClass('is-error');
}
if ($(this).hasClass('disabled')) {
return false;
} else {
var form = $(this).parents('form');
$('[rule]').each(function(index, element){
var varidate = checkFormValue(element);
if (!varidate) {
count_error++;
$(element).parents('.contact-form-item').addClass('is-error');
if (is_first_error) {
$('html,body').animate({scrollTop:$(element).offset().top - ($('.header').outerHeight() + $('.contact-form-heading').outerHeight() + 30) });
$(element).focus();
is_first_error = false;
}
} else {
$(element).parents('.contact-form-item').removeClass('is-error');
}
});
}
//確認モーダルの構築
if($('#js-recaptcha').length >= 1){
if(!flg_recaptcha){
return false;
}
}
if (count_error == 0) {
var key, val;
var skip_element_name = ['form-agree'];
$('#confirm-modal.js-modal .modal-body-inner-confirm').html('');
$('.form-contact [name]').each(function(index, element){
if (skip_element_name.indexOf($(element).attr('id')) == -1 && $(element).attr('type') != 'hidden' && $(element).hasClass('form-warning-border')) {
key = $(element).parents('.contact-form-item').find('.contact-form-heading-txt').text();
val = $(element).val();
if (val == '' || val === null) {
val = '-';
}
$('#confirm-modal.js-modal .modal-body-inner-confirm').append('
- '+stripTags(key)+'
- '+stripTags(val)+'
');
}
});
modalShow('#confirm-modal');
}
});
// 規約にチェックを入れないとsubmitできない
$('.form-contact').on('change', function(){
var form = this;
if ($('.form-contact #form-agree:checked').length > 0) {
$(this).addClass('is-agree');
//$('.btn-form-confirm').removeClass('disabled');
} else {
$(this).removeClass('is-agree');
//$('.btn-form-confirm').addClass('disabled');
}
});
// お気に入り登録ボタン
$(document).on('click', '.js-btn-add-boommark', function(){
//$(this).addClass('is-loading');
$('body').attr('data-id', $(this).attr('data-id'));
if ($(this).hasClass('is-active')) {
modalShow('#delete-bookmarks-modal');
} else {
addBookmark($(this).attr('data-id'));
}
});
//履歴を削除するボタン
$(document).on('click', '.js-btn-clear-history', function(){
modalShow('#clear-history-modal');
});
// IEにobjectfit適用（要ofi.js）
var ua = window.navigator.userAgent.toLowerCase();
var isIE = (ua.indexOf('msie') >= 0 || ua.indexOf('trident') >= 0);
if (isIE) {
$('.js-ofi').each(function(index, element){
var fit = $(element).attr('data-fit') || 'cover';
$(element).css('font-family', "'object-fit: " + fit + ";'");
});
objectFitImages('.js-ofi');
//$('body').append('');
}
// 上にスクロールする表示されるヘッダー
var hd_size = $('.header').innerHeight(); //ヘッダーの高さを取得
var pos = 0;
$(window).on('scroll', function () {
if(!$('.js-menu-openner').hasClass('is-active')) {
var current_pos = $(this).scrollTop(); //現在の位置を取得
if (current_pos < pos || current_pos <= 0 || current_pos <= (window.innerHeight * 0.3 )) { //上にスクロール もしくは 最上部
$('.header').css({ 'top': 0 }); //ヘッダーを表示
$('.js-menu-openner').css({'top': "10px"});
} else {
$('.header').css({ 'top': '-' + ( hd_size + 100 )+ 'px' }); //ヘッダーを非表示(下にスクロール)
$('.js-menu-openner').css({ 'top': '-' + ( hd_size + 100 + 20 )+ 'px' }); //ヘッダーを非表示(下にスクロール)
}
pos = current_pos;
}
});
//検索BOX入力中のキャンセルボタン「×」制御
if( $('.search-input').length > 0 ) {
if($('.search-input').val() != '' ) {
$('.header-search-container').addClass('not-blank');
}
}
$('.search-input').on('focus', function () {
$(this).toggleClass('is-active');
}).on('blur', function () {
$(this).toggleClass('is-active');
}).on('input', function () {
var keyword = $(this).val();
if (keyword == '') {
$(this).parents('.header-search-container').removeClass('not-blank');
} else {
$(this).parents('.header-search-container').addClass('not-blank');
}
});
//検索BOXキャンセルボタン「×」をタップしたときの挙動
$('.js-search-cancel').on('click', function () {
$(this).parents('.header-search-container').find('.search-input').val('').focus();
$(this).parents('.header-search-container').removeClass('not-blank');
});
//ページTOPへスクロールするボタン
$('.js-scroll-top').on('click', function () {
$('html,body').animate({
scrollTop: 0
}, 500);
});
//グローバルメニュー開け閉め
$('.js-menu-openner').on('click', function(){
$(this).toggleClass('is-active');
if ($(this).hasClass('is-active')) {
$('.sp-menu').addClass('is-active');
} else {
$('.sp-menu').removeClass('is-active');
}
});
//グローバルメニュー閉じる
$('.js-menu-closer').on('click', function(){
$('.js-menu-openner').click();
});
//モーダル開く
$('.js-open-modal').on('click', function(){
var target = $(this).attr('target');
modalShow(target);
});
//モーダル閉じる
$('.js-close-modal').on('click', function(){
closeModal();
});
//書店リンクを別ウィンドウで開く
$(document).on('click', '.store-link-item', function(event){
$(this).off();
event.preventDefault();
var link = $(this).attr('data-href');
window.open(link);
//計測タグを踏む
var store_name = $(this).find('img').attr('alt');
var book_title = $('body').attr('data-book-title');
//gtag('event', 'click', {'event_category': 'Outbound Links','event_label': store_name,'value': '1','non_interaction': 'true'});
gtag('event', 'Outbound Links', {'event_category': store_name,'event_label': book_title,'value': '1','non_interaction': 'true'});
});
$(document).on('change', '#detail-switch', function(){
if ($(this).prop('checked')) {
setTimeout(function(){
$('.detail-discription-txt').css({
"-webkit-line-clamp": "4",
"max-height": "calc( 72px + 1em )"
});
}, 10);
setTimeout(function(){
$('.detail-discription-txt').css({
"-webkit-line-clamp": "5",
"max-height": "calc( 72px + 2em )"
});
}, 20);
setTimeout(function(){
$('.detail-discription-txt').css({
"-webkit-line-clamp": "6",
"max-height": "calc( 72px + 3em )"
});
}, 30);
setTimeout(function(){
$('.detail-discription-txt').css({
"-webkit-line-clamp": "7",
"max-height": "calc( 72px + 4em )"
});
}, 40);
setTimeout(function(){
$('.detail-discription-txt').css({
"-webkit-line-clamp": "1000",
"max-height": "10000px"
});
}, 50);
} else {
$('.detail-discription-txt').css({
"-webkit-line-clamp": "3",
"display": "-webkit-box",
"max-height": "72px"
});
}
});
}
}
/** PC-touchscroll */
function initScrollable() {
if ($('.js-scrollable').length > 0) {
$('.js-scrollable').each(function(index, element){
var child_width = 0;
$('.js-scrollable').children().each(function(index, element){
child_width = child_width + parseInt($(element).outerWidth());
});
$(element).draggable({
axis:"x",
stop: function(){
var element_left = parseInt($(this).css('left'));
var min_left = parseInt(window.innerWidth) - parseInt($(element).parent().parent().offset().left) - child_width - 200;
if (element_left > 0) {
$(this).animate({"left":"0px"}, 250);
} else if (element_left < min_left) {
$(this).animate({"left":"0px"}, 250);
}
}
});
});
}
}
$(document).on('click', '.btn-submit-modal,.btn-search-submit', function(){
//$(this).addClass('pointer-events-none');
});
$(document).on('click', '.js-open-next-url-ss', function(event){
event.preventDefault();
var href = $(this).attr('href');
//iframeかどうか？
if(window == window.parent) {
setCustomHistory();
location.href = href;
} else {
parent.location.href = href;
}
return false;
});
/* 閲覧履歴の全削除 */
function clearHistory() {
var type = 'delete';
var url = book_api_url_root + '/api/user/histories';
$.ajax({
url: url,
type: type,
cache: false,
dataType:'json',
data:{
key: book_api_key,
token: get_token()
}
})
.done(function(response) {
if ( response.success ) {
$('.js-btn-clear-history').fadeOut(300);
$('#history .list .comic-item').fadeOut(300).queue(function() {
$('.recycle').append($(this));
$('#history .list').attr('data-count', 0);
});
}
})
.fail(function(xhr) {
alert('閲覧履歴の削除に失敗しました。\r\nしばらくしてからお試しください。');
return false;
})
.always(function(xhr, msg) {
closeModal();
});
}
/* お気に入りの全削除 */
function deleteBookmark() {
var book_id = $('body').attr('data-id');
var type = 'delete';
var url = book_api_url_root + '/api/user/book_bookmarks';
$.ajax({
url: url,
type: type,
cache: false,
dataType:'json',
data:{
key: book_api_key,
token: get_token(),
book_id: book_id
}
})
.done(function(response) {
if( response.success ) {
var listWrapper = $('#bookmark .list');
$('.js-btn-add-boommark[data-id="'+book_id+'"]').removeClass('is-active');
$('.js-bookmark-item[data-id="'+book_id+'"]').parents('.comic-item').fadeOut(300).queue(function() {
this.remove();
$('.recycle').append($(this));
listWrapper.attr('data-count', listWrapper.children().length);
});
} else {
alert('お気に入り削除に失敗しました。\r\nしばらくしてからお試しください。');
}
})
.fail(function(xhr) {
alert('お気に入り削除に失敗しました。\r\nしばらくしてからお試しください。');
return false;
})
.always(function(xhr, msg) {
closeModal();
$('.js-btn-add-boommark[data-id="'+book_id+'"]').removeClass('is-loading');
});
}
/* お気に入りへの追加 */
function addBookmark(book_id) {
var type = 'post';
var url = book_api_url_root + '/api/user/book_bookmarks';
$.ajax({
url: url,
type: 'post',
cache: false,
dataType:'json',
data:{
key: book_api_key,
token: get_token(),
book_id: book_id
}
})
.done(function(response) {
if( response.success ) {
$('.js-btn-add-boommark[data-id="'+book_id+'"]').addClass('is-active');
} else {
modalShow('#too-many-bookmarks-modal');
}
})
.fail(function(xhr) {
alert('bookmark登録に失敗しました。\r\nしばらくしてからお試しください。');
return false;
})
.always(function(xhr, msg) {
$('.js-btn-add-boommark[data-id="'+book_id+'"]').removeClass('is-loading');
});
}
// フォーム1個それぞれのチェック
function checkFormValue(target) {
var rule = $(target).attr('rule');
var rule_reg = new RegExp(rule);
var target_val = $(target).val();
if (target_val === null) {
target_val = '';
}
if (!target_val.match(rule_reg) || ($(target).attr('type') === 'checkbox' && !$(target).prop('checked'))) {
if (!$(target).attr('require')) {
$(target).attr('require', 'false');
}
if ($(target).attr('require') == 'true') {
return false;
} else if(target_val == '') {
return true;
} else {
return false;
}
} else {
return true;
}
}
function stripTags(text) {
return text.replace(/(<([^>]+)>)/gi, '').replace(/\r?\n/g, '
').replace(/^
/g, '');
}
function modalShow(target) {
$('.js-modal-wrapper').eq(0).addClass('is-active');
$(target).addClass('is-active');
}
function closeModal() {
$('.js-modal').removeClass('is-active');
$('.js-modal-wrapper').removeClass('is-active');
}
function initComicSlide() {
if ($('.js-comic-slide-list').length > 0) {
setTimeout(function(){
$('.js-comic-slide-list:not(.slick-slider)').slick({
autoplay: false,
autoplaySpeed: 3000,
accessibility: true,
swipe: true,
pauseOnHover: true,
infinite: false,
centerMode: false,
slidesToShow: 4,
slidesToScroll: 4,
centerPadding: '40px',
dots: true,
prevArrow: '
',
nextArrow: '
',
responsive: [
{
breakpoint: 1024,
settings: "unslick"
}
]
});
}, 500);
}
}
$(window).on('load', function(){
setTimeout(function(){
var widget = $('iframe[id^="twitter-widget"]');
if ( widget.length > 0 ) {
var widgetContents = widget.contents();
widgetContents.find('head').append('');
}
}, 1000);
if (url_hash) {
for( key in url_hash ) {
if( url_hash.hasOwnProperty(key) ) {
$('[name="' + key + '"]').val(url_hash[key]).trigger('change').addClass('is-active');
}
}
}
});
$(window).on('load', function(){
setTimeout(function(){
var adjust = 15;
var wrapper = $('.tab-link-list-wrapper');
if ($('.btn-sp-menu-openner').css('display') == 'none') {
} else {
if (wrapper.length > 0) {
if (wrapper.find('.is-active').length > 0) {
var scrLeft = wrapper.find('.is-active').offset().left - adjust;
wrapper.scrollLeft(scrLeft);
}
}
}
},500);
});
var lastWindowWidth = window.innerWidth * window.orientation;
$(window).on('orientationchange resize', function () {
if (lastWindowWidth != window.innerWidth) {
/*
if ($('.js-comic-slide-list').length > 0) {
$('.js-comic-slide-list.slick-initialized').slick('unslick');
setTimeout(function(){
initComicSlide();
}, 300);
lastWindowWidth = window.innerWidth * window.orientation;
}
*/
}
});
$(window).on('load orientationchange resize', function () {
if ($('.tab-link-list-inner').length > 0) {
$('.tab-link-list-inner').each(function(index, element){
if ($(element).get(0).scrollWidth > $(element).parent().width() ) {
$(element).addClass('is-overflow');
} else {
$(element).removeClass('is-overflow');
}
$(element).get(0).scrollWidth;
});
}
});
function isObject( obj ) {
return Object.prototype.toString.call( obj ) === "[object Object]"
}
var token_name = 'book_token';
function get_token() {
var token_value;
var token_value = $.cookie(token_name);
if (token_value) {
if (isObject(token_value)) {
if (token_value.hasOwnProperty('book_token')) {
token_value = token_value.book_token;
} else {
token_value = 'unknown';
}
}
return token_value;
} else {
//token_value = getRndStr(8) + '-' + getRndStr(4) + '-' + getRndStr(4) + '-' + getRndStr(4) + '-' + getRndStr(12);
token_value = generateUuid();
$.cookie(token_name, token_value,
{
expires: 365 * 10,
domain: document.domain,
path: '/'
});
return token_value;
}
}
function generateUuid() {
let chars = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("");
for (let i = 0, len = chars.length; i < len; i++) {
switch (chars[i]) {
case "x":
chars[i] = Math.floor(Math.random() * 16).toString(16);
break;
case "y":
chars[i] = (Math.floor(Math.random() * 4) + 8).toString(16);
break;
}
}
return chars.join("");
}
function getRndStr(len){
var base_str = "abcdefghijklmnopqrstuvwxyz0123456789";
var result = "";
for(var i=0;i
0) {
return $('[data-hidden-query-'+name+']').attr('data-hidden-query-'+name);
}
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return '';
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
function getUrlChangeParam(replace_str, this_url) {
var tmp_hash = '';
if(typeof this_url === 'undefined') this_url = location.href;
if (this_url.indexOf('#') != -1) {
tmp_hash = this_url.replace(/^.+#/, '#');
this_url = this_url.replace(/#.+$/, '');
}
/*
var tmp_array = replace_str.split('=');
var url = new URL(this_url);
if (tmp_array.length >= 2) {
url.searchParams.set(tmp_array[0], tmp_array[1]);
}
return url.toString();
*/
var tmp_array = replace_str.split('=');
var param_key = tmp_array[0];
var param_val = tmp_array[1];
var pattern = '(\\?|\\&)' + param_key + '=[^\&]+';
if (this_url.indexOf('?') == -1) {
return this_url + '?' + replace_str + tmp_hash;
} else if(this_url.match(new RegExp(pattern))) {
return this_url.replace(new RegExp(pattern), '$1' + replace_str) + tmp_hash;
} else {
return this_url + '&' + replace_str + tmp_hash;
}
}
//最近チェックした作品へ登録
function pushLocalHistory(book) {
var key = 'localhistory_' + get_token();
var history = localStorage.getItem(key);
if (history === null) {
history = '{"total":0,"books":[]}';
}
history = JSON.parse(history);
for (var i = history.books.length - 1; i >= 0; i--) {
if (history.books[i].id == book.id) {
history.books.splice(i, 1);
}
}
history.books.push(book);
if (history.books.length > 30) {
history.books.shift();
}
history.total = history.books.length;
localStorage.setItem(key, JSON.stringify(history));
}
//最近チェックした作品一覧取得
function getLocalHistory(id) {
if(typeof id === 'undefined') id = '';
var key = 'localhistory_' + get_token();
var history = localStorage.getItem(key);
if (history === null) {
history = '{"total":0,"books":[]}';
}
history = JSON.parse(history);
for (var i = history.books.length - 1; i >= 0; i--) {
var current = new Date();
var begin_at = new Date((history.books[i].begin_at).replace('-', '/'));
var end_at = new Date((history.books[i].end_at).replace('-', '/'));
if (history.books[i].id == id || ( current < begin_at || current > end_at )) {
history.books.splice(i, 1);
}
}
return history;
}
/* topics(関連情報)を整理する */
function initBookTopics(book) {
if (book.topics_1.length > 0) {
book.topics_1.forEach(function(topics, index) {
if (topics.content === null) {
} else {
switch(topics.title) {
case 'ISBN/雑誌コード':
book.topics_1['isbn'] = topics.content;
break;
case '発売日':
book.topics_1['sdate'] = (topics.content).replace(/-/g, '.');
break;
case '定価':
book.topics_1['price'] = Math.ceil( tax_rate * parseInt(topics.content)).toLocaleString();
break;
default:
}
}
});
}
return book;
}
//書店リンクの部分構築
function initStorelinks(topics_4, topics_5) {
topics_4 = linkEncodeForRenta (topics_4);
topics_5 = linkEncodeForRenta (topics_5);
topics_4 = linkEncodeForDMMAffiliate(topics_4);
topics_5 = linkEncodeForDMMAffiliate(topics_5);
if (topics_4.length == 0 && topics_5.length == 0) {
$('.colophon-heading').css('opacity', '0');
if ($('.detail-body').length > 0) {
$('.tab-wrap').hide();
} else {
$('.tab-wrap').css('opacity', '0');
}
}
////電子書籍書店
if (topics_4.length == 0) {
$('#tab-ebook').attr('disabled', true);
}
//topics_4.sort(function(a, b){
// return a.id - b.id;
//});
topics_4.forEach(function(elem, index){
if ($('#store-' + elem.title).length > 0) {
elem.image_url = $('#store-' + elem.title).attr('data-src');
elem.name = $('#store-' + elem.title).attr('data-title');
} else {
var logo_src = $('.header-logo-img').attr('src');
elem.image_url = logo_src.replace('mainlogo.svg', 'store-logo_' + elem.title+'.png');
elem.name = elem.title;
}
});
var ebookstore_list_template = new Vue({
el: "#store-link-list-ebook",
data: {
stores: topics_4
},
mounted: function(){
}
});
////紙書籍書店
if (topics_5.length == 0) {
$('#tab-paper').attr('disabled', true);
}
//topics_5.sort(function(a, b){
// return a.id - b.id;
//});
topics_5.forEach(function(elem, index){
if ($('#store-' + elem.title).length > 0) {
elem.image_url = $('#store-' + elem.title).attr('data-src');
elem.name = $('#store-' + elem.title).attr('data-title');
} else {
var logo_src = $('.header-logo-img').attr('src');
elem.image_url = logo_src.replace('mainlogo.svg', 'store-logo_' + elem.title+'.png');
elem.name = elem.title;
}
});
var paperstore_list_template = new Vue({
el: "#store-link-list-paper",
data: {
stores: topics_5
},
mounted: function(){
if (topics_4.length == 0 && topics_5.length > 0) {
$('[for="tab-paper"]').click();
}
}
});
}
function linkEncodeForRenta(topicks) {
topicks.forEach(function(elem, index){
var link = elem.link;
var link_param = getParam('word', link);
if (link !== null) {
if (link.match(/^(http|https):\/\/renta/) && link_param != '') {
elem.link = getUrlChangeParam('word=' + EscapeEUCJP(link_param), link);
}
}
});
return topicks;
}
function linkEncodeForDMMAffiliate(topicks) {
return topicks;
}
function myShuffle(arr) {
var n = arr.length;
var temp, i;
while (n) {
i = Math.floor(Math.random() * n--);
temp = arr[n];
arr[n] = arr[i];
arr[i] = temp;
}
return arr;
}
function getCategoryIdFromTitle(title) {
for (var i = 0 ; i < top_category_array.length ; i++ ) {
if (top_category_array[i].title == title) {
return top_category_array[i].id;
}
}
return false;
}
function convertR18Thum(url) {
var base_src = $('.header-logo-img').attr('src');
base_src = base_src.substring(0, base_src.lastIndexOf('/')) + '/';
if (url) {
url = url.replace(/^.+_r18\.jpg/, base_src + 'thum_r18.jpg');
}
return url;
}
//一定量スクロールした
$(window).on('load scroll', function () {
//スクロール位置を取得
if ( $(this).scrollTop() < ($(window).height() * .25 ) ) {
$('body').removeClass('is-scroll');
} else {
$('body').addClass('is-scroll');
}
});
function getCategoryNameFromId(id) {
if (isNaN(id)) {
return false;
}
var categoryName = top_category_array[id].name;
if (categoryName) {
return categoryName;
} else {
return false;
}
}