// const area
const defaultDispCnt = 4; // initial display counts
const addDispCnt = 100; // add display counts
$(function() {
//Prevention double execution
if($('body').hasClass('common_js-init')) return;
$('body').addClass('common_js-init');
//Header Navigation Menu Follow
$(function() {
var nav = $('.ftsv-navigation');
var nav_wrap = $('.nav-header-wrap');
var win = $(window);
win.on('scroll load resize', function() {
if(win.scrollTop() > nav_wrap.offset().top){
if(window.innerWidth > 767) {
nav.addClass('js-fixed');
}else{
nav.removeClass('js-fixed');
}
}else{
nav.removeClass('js-fixed');
}
});
});
//Adjust the display position of the Menu bar when anchor linking on the page
$(window).on('load',function(){
//check url param
var pageParam = window.location.search;
//have param (digitalmuscle parameter)
if (pageParam == "?digitalmuscle") {
//get digitalmuscle area position
var contTop = $('#anc-04').offset().top - 36;
if (window.innerWidth > 767){
contTop = contTop - 100;
}
//adjust scroll position
$("html,body").animate({
scrollTop : contTop
}, {
queue : false
});
}
});
//SNS Share URL Add
$(document).ready(function () {
var pageTitle = $.trim($('title').text()),
pageUrl = window.location.href;
$('#ftsvSnsFacebook').attr('href', '//www.facebook.com/sharer/sharer.php?u=' + pageUrl + '&t=' + encodeURIComponent(pageTitle));
$('#ftsvSnsTwitter').attr('href', '//twitter.com/share?text=' + encodeURIComponent(pageTitle) + '&url=' + pageUrl);
$('#ftsvSnsLinkedin').attr('href', '//www.linkedin.com/shareArticle?mini=true&url=' + pageUrl);
});
//SP Menu
if ($('.ftsv-navigation').length) {
//Menu Button
$('.ftsv-navigation .js-menu-btn').on('click', function() {
$('.ftsv-navigation').toggleClass('is-open').find('.ftsv-nav').stop(true,true).slideToggle(200, function() {
if (!$('.ftsv-navigation').hasClass('is-open')) {
$('.ftsv-navigation .ftsv-nav-content').hide();
}
});
});
//Sub Menu(accordion)
$('.ftsv-nav').on('click', '.js-dd-menu .nav-hook', function() {
$(this).next('.ftsv-nav-content').stop(true,true).slideToggle(200);
});
}
//Carousel
if ($('.js-ftsv-slider').length) {
$('.js-ftsv-slider').slick({
dots: true,
infinite: true,
slidesToShow: 2,
slidesToScroll: 2,
prevArrow: '',
nextArrow: '',
dotsClass: 'ftsv-slick-dots',
responsive: [{
breakpoint: 768,
settings: 'unslick'
}]
});
//Update carousel when resizing window
$(window).on('resize orientationchange', function() {
$('.js-ftsv-slider').slick('resize');
});
}
//Carousel - survey4
if ($('.c-ftsv-slider-sv4').length) {
$('.c-ftsv-slider-sv4').on('init', function(event, slick) {
$(this).append('
/
');
$('.current').text(slick.currentSlide + 1);
$('.total').text(slick.slideCount);
})
.slick({
dots: false,
infinite: true,
prevArrow: '',
nextArrow: ''
})
.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
$('.current').text(nextSlide + 1);
});
}
let maxDispCnt = 0; // Max View Count
let currentDispCnt = 0; // Now View Count
let tileList = $('.ftsv-lyt-idx-e.diff-refine').children('.col'); // Get all child elements of list
// Initial display of list
$(tileList).each(function (i, elem) {
// Show only initial display count
if (i < defaultDispCnt) {
$(this).show();
currentDispCnt++;
}
maxDispCnt++;
// Show More Button
let displayed = 0;
if (maxDispCnt > currentDispCnt && !displayed) {
$('.ftsv-readmore').show();
displayed = 1;
}
});
// More Button click events
$('.ftsv-readmore-btn').click(function () {
let newCount = currentDispCnt + addDispCnt; // add view count
// Show only new items
$(tileList).each(function (i, elem) {
if (currentDispCnt <= i && i < newCount) {
$(this).show();
currentDispCnt++;
}
});
// remove More Button
if (maxDispCnt <= newCount) {
$('.ftsv-readmore').hide();
}
return false;
});
// Match Height module
$('.ttl-a').matchHeight();
$('.ttl-read').matchHeight();
// Add to data-number attr class: [ftsv-hdg-a number]
$(function() {
var numObj = $('.ftsv-hdg-a.number');
$(numObj).each(function (i, elem) {
$(this).attr('data-number', i+1);
});
});
// Add to data-esc-txt attr class: [btn-a js-modal-a]
$(function() {
var ownUrl = location.pathname;
var dataText = '';
if (ownUrl.indexOf('/jp/vision/') != -1) {
dataText = 'Escキーで閉じる';
} else {
dataText = 'Close ESC Key';
}
var numObj = $('.js-modal-a');
$(numObj).each(function (i, elem) {
$(this).attr('data-esc-txt', dataText);
});
});
// Vision Area : toggle area
$(function() {
$('.ftsv-btn-c.diff-toggle-open').on('click', function(e) {
e.preventDefault();
if ($('.diff-section-collapsible-b').is(':hidden')) {
$('.diff-section-collapsible-b').show();
$('.ftsv-btn-c.diff-toggle-open').addClass('is-open');
} else {
$('.diff-section-collapsible-b').hide();
$('.ftsv-btn-c.diff-toggle-open').removeClass('is-open');
}
});
});
// Vision Area : read more
$(function() {
$('.ftsv-btn-a.diff-morearea1').on('click', function(e) {
e.preventDefault();
$('div.diff-morearea1').show();
$('.ftsv-btn-a.diff-morearea1').hide();
});
$('.ftsv-btn-a.diff-morearea2').on('click', function(e) {
e.preventDefault();
$('div.diff-morearea2').show();
$('.ftsv-btn-a.diff-morearea2').hide();
});
});
// Insights Index page Refine
$(function() {
$('.ftsv-tag-a li input').on('click', function() {
var tagName = $(this).attr('class');
var refineObj = $('.ftsv-lyt-idx-e .col');
if (tagName == 'tag-all') {
//all items show
$(refineObj).each(function() {
$(this).show();
});
} else {
//refine start
$(refineObj).each(function() {
var refineChk = $(this).find('.' + tagName);
if (refineChk.length > 0) {
$(this).show();
} else {
$(this).hide();
}
});
}
$('.ftsv-tag-a li').each(function() {
var activeChk = $(this).find('.' + tagName);
if (activeChk.length > 0) {
$(this).addClass('is-active');
} else {
$(this).removeClass('is-active');
}
});
});
});
$(function () {
var e = $(document.getElementsByClassName('js-b-footer-conversion'));
if (e.length) {
$('footer').prepend($(e).attr('id','footer-conversion'));
var s,
o = e.find('.conversion'),
n = o.children('button'),
a = e.find('.conv-content-wrapper'),
r = e.find('.conv-content'),
l = a.find('.close-btn');
n.on({
click: function (e) {
e.preventDefault(),
s = $(this.nextElementSibling),
s.not(':animated').slideDown().children('button').focus().closest(o).addClass('is-open'),
r.length > 1 && $(this.parentNode).siblings().removeClass('is-open').find(a).hide()
}
}),
l.on({
click: function (e) {
e.preventDefault(),
s = $(this.parentNode),
s.not(':animated').slideUp(function () {
$(this).closest(o).removeClass('is-open').children('button').focus()
})
}
})
}
});
$(function () {
function e() {
o = s.closest('footer').get(0).offsetTop,
a = $(window).height() + $(window).scrollTop(),
a >= o ? s.removeClass(r) : s.addClass(r)
}
var s = $(document.getElementById('footer-conversion'));
if (s.length) {
var o,
a,
r = 'is-fixed';
e(),
$(window).on('resize scroll', function () {
e()
})
}
});
});
// 以下、追従アンカー用JS
$(function() {
var e,
t=navigator.userAgent;
$body=$("body"),$win=$(window),e=0=e&&(a.removeClass("active"),a.eq(t).addClass("active"),r.length)
}
}()
}),
$('#pageIndex li a[href^="#"]').click(function(){
var e=$(this).attr("href"),t=$("#"==e||""==e?"html":e).offset().top;
return $("html,body").animate({scrollTop:t-50},400,"swing"),!1
});
var l=$("#btnNav"),c=$("#gNav");l.on("click",function(){
$(this).hasClass("on")?($(this).removeClass("on").addClass("end"),c.removeClass("show").addClass("end")):($(this).addClass("on").removeClass("end"),c.removeClass("end").addClass("show"))
}
)
});
//追従アンカー用JS(END)