$(function(){
//option開閉
$(document).on('click','.optbase',function(){
$(this).next('.selectwraps').slideToggle();
$(this).toggleClass('open');
});
//このメーカーの製品を探すボタン
$(document).on('click', '#main.makers #contents .contents a.step1scroll', function(e){
e.preventDefault();
var target = $('#step1');
var mrg = $("#f-header").outerHeight() + 10;
var position = target.offset().top - mrg;
$('body,html').animate({scrollTop:position}, 500, 'swing');
});
//ホワイトペーパーボタン
$(document).on('click', '#main.makers #contents .contents #wplink a', function(e){
e.preventDefault();
$(this).parent('form').submit();
});
//AJAXでmaker表示
$(document).on('click', '#main.makers #contents .contents ul.plist2 li span', function(){
termid = ($(this).attr('data-id'));
termslug = ($(this).attr('class'));
linktype = ($(this).attr('data-type'));
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termid' : termid,
'termslug' : termslug,
'action' : 'maker',
},
success: function( response ){
// jsonData受け取る
if ( response == 'false' ) { // 投稿がなかったら
//alert('なし');
} else {
jsonData = JSON.parse( response );
$('#productdetail').removeClass('hide');
$('#makerdetail.contents').empty();
$('.sbox.step2').empty();
$('.sbox.step3 .optionselect').empty();
$('.sbox.step3 .search_results').empty();
$('#makerdetail.contents').append(jsonData);
var mrg = $("#f-header").outerHeight() + 10;
if(linktype == 'product'){
var target = $('#step1');
}else{
var target = $('#makerdetail');
}
var position = target.offset().top - mrg;
$('body,html').animate({scrollTop:position}, 500, 'swing');
}
}
});
return false;
});
//AJAXでstep2表示
$(document).on('click', '#main.makers ul#msearch1 > li', function(){
termid = ($(this).attr('data-id'));
maker = $('#msearch1.handling').attr('data-slug');
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termid' : termid,
'makerslug' : maker,
'action' : 'maker2',
},
success: function( response ){
// jsonData受け取る
if ( response == 'false' ) { // 投稿がなかったら
//alert('なし');
} else {
jsonData = JSON.parse( response );
$('.sbox.step2').empty();
$('.sbox.step3 .optionselect').empty();
$('.sbox.step3 .search_results').empty();
$('.sbox.step2').append(jsonData);
var mrg = $("#f-header").outerHeight() + 10;
var target = $('#step2');
var position = target.offset().top - mrg;
$('body,html').animate({scrollTop:position}, 500, 'swing');
}
}
});
return false;
});
//AJAXでstep3表示
$(document).stop().on('click','#main #contents .sbox.step2 li',function () {
$(this).toggleClass('select');
//selectチェック時のみajax
if($(this).hasClass('select')){
$('#main #contents .contents .sbox.step2 li').not(this).removeClass('select');
if($('.sbox.step3 .optionselect > div').length){
$('.sbox.step3 .optionselect').empty();
}
gosearch($(this),'',1);
}else{
return false;
}
});
function gosearch(_this,option,pn) {
termslug = (_this.attr('id'));
pslug = (_this.attr('data-slug'));
maker = $('#msearch1.handling').attr('data-slug');
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termslug' : termslug,
'pslug' : pslug,
'option' : option,
'action' : 'option',
'makerslug' : maker,
},
success: function( response ){
// jsonData受け取る
if ( response == 'false' ) { // 投稿がなかったら
//alert('なし');
} else {
jsonData = JSON.parse( response );
//初回検索結果表示時のみ更新
if(!$('.sbox.step3 .optionselect > div').length){
$('.sbox.step3 .optionselect').empty();
$('.sbox.step3 .optionselect').append(jsonData);
}
//セレクトに値を戻す
var mrg = $("#f-header").outerHeight() + 10;
var target = $('#step3');
var position = target.offset().top - mrg;
$('body,html').animate({scrollTop:position}, 500, 'swing');
}
}
});
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termslug' : termslug,
'pslug' : pslug,
'option' : option,
'pn' : pn,
'makerslug' : maker,
'action' : 'product',
},
success: function( response ){
// jsonData受け取る
if ( response == 'false' ) { // 投稿がなかったら
//alert('なし');
} else {
jsonData = JSON.parse( response );
$('.sbox.step3 .search_results').empty();
$('.sbox.step3 .search_results').append(jsonData);
//洗濯したオプションを表示
if(option[0]!='' && option!=''){
optionp = option[0].split(',');
var choice = '';
for(var i=0;i'+choicetxt+''+',';
}
choice = choice.slice( 0, -1 );
$('div#contents .step3 .search_results .optselect > div').empty();
$('div#contents .step3 .search_results .optselect > div').append(choice);
}
}
}
});
return false;
}
//$(document).stop().on('click','#main #contents .contents .sbox.step3 .optionselect > a',function (e) {
$(document).stop().on('change','#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input',function () {
//e.preventDefault();
var parm = new Array();
parm[0] = '';
parm[1] = '';
var cnt = 2;
//チェック全て取得 表示用
$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input:checked').each(function(index) {
if($(this).val()){
parm[0] += ( $(this).val() + ',');
}
});
//チェックボックス以外取得
$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input[type="radio"]:checked').each(function(index) {
if($(this).val()){
parm[1] += ( $(this).val() + ',');
}
});
//チェックボックス検査
$('#main #contents .contents .sbox.step3 .optionselect div[data-itype="check"]').each(function(index,element) {
if($(element).find('input:checked').length > 1){
//チェック複数
parm[cnt] = '';
$(element).find('input:checked').each(function(index,element) {
if($(element).val()){
parm[cnt] += ( $(element).val() + ',');
}
});
parm[cnt] = parm[cnt].slice( 0, -1 );
cnt++;
}else{
//チェック1つの場合
if($(element).find('input:checked').val()){
parm[1] += ( $(element).find('input:checked').val() + ',');
}
}
});
parm[0] = parm[0].slice( 0, -1 );
parm[1] = parm[1].slice( 0, -1 );
console.log(parm);
_this = $('#main #contents .contents .sbox.step2 > div li.select');
gosearch(_this,parm,1);
});
$(document).stop().on('click','#main #contents .contents .sbox.step3 .optionselect > span.clear',function (e) {
e.preventDefault();
$('#main #contents .contents .sbox.step3 .optionselect select').each(function(index) {
$(this).val('');
});
$('#main #contents .contents .sbox.step3 .optionselect label input').prop('checked', false);
gosearch($('#main #contents .sbox.step2 li.select'),'',1);
var mrg = $("#f-header").outerHeight() + 10;
var target = $('#step3');
var position = target.offset().top - mrg;
$('body,html').animate({scrollTop:position}, 500, 'swing');
});
/**page nation**/
$(document).stop().on('click','#main #contents .contents .sbox.step3 .pn span',function (e) {
e.preventDefault();
var parm = new Array();
parm[0] = '';
parm[1] = '';
var cnt = 2;
//チェック全て取得 表示用
$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input:checked').each(function(index) {
if($(this).val()){
parm[0] += ( $(this).val() + ',');
}
});
//チェックボックス以外取得
$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input[type="radio"]:checked').each(function(index) {
if($(this).val()){
parm[1] += ( $(this).val() + ',');
}
});
//チェックボックス検査
$('#main #contents .contents .sbox.step3 .optionselect div[data-itype="check"]').each(function(index,element) {
if($(element).find('input:checked').length > 1){
//チェック複数
parm[cnt] = '';
$(element).find('input:checked').each(function(index,element) {
if($(element).val()){
parm[cnt] += ( $(element).val() + ',');
}
});
parm[cnt] = parm[cnt].slice( 0, -1 );
cnt++;
}else{
//チェック1つの場合
if($(element).find('input:checked').val()){
parm[1] += ( $(element).find('input:checked').val() + ',');
}
}
});
parm[0] = parm[0].slice( 0, -1 );
parm[1] = parm[1].slice( 0, -1 );
console.log(parm);
_this = $('#main #contents .contents .sbox.step2 > div li.select');
pages = $(this).attr('data-page');
gosearch(_this,parm,pages);
});
var url = $('#sparm').attr('href');
$('#main.product_search #contents .contents ul.plist li').hover(
function() {
$('#main.product_search #contents .contents ul.plist').addClass('onn');
$(this).addClass('onn');
},
function() {
$('#main.product_search #contents .contents ul.plist').removeClass('onn');
$(this).removeClass('onn');
//マウスカーソルが離れた時の処理
}
);
});
$(window).on('load',function(){
});
$(window).on('resize',function () {
});
$(window).on('orientationchange', function(){
});
//トップからのmaker表示
function setMaker(makerid,makername){
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termid' : makerid,
'termslug' : makername,
'action' : 'maker',
},
success: function( response ){
// jsonData受け取る
if ( response == 'false' ) { // 投稿がなかったら
//alert('なし');
} else {
jsonData = JSON.parse( response );
$('#productdetail').removeClass('hide');
$('#makerdetail.contents').empty();
$('.sbox.step2').empty();
$('.sbox.step3 .optionselect').empty();
$('.sbox.step3 .search_results').empty();
$('#makerdetail.contents').append(jsonData);
var mrg = $("#f-header").outerHeight() + 10;
var target = $('#makerdetail');
var position = target.offset().top - mrg;
$('body,html').animate({scrollTop:position}, 500, 'swing');
}
}
});
return false;
}
//各メーカー個別ページからのstep2表示
function setMaker2(makerid,makername){
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termid' : makerid,
'termslug' : makername,
'action' : 'maker',
},
success: function( response ){
// jsonData受け取る
if ( response == 'false' ) { // 投稿がなかったら
//alert('なし');
} else {
jsonData = JSON.parse( response );
$('#productdetail').removeClass('hide');
$('#makerdetail.contents').empty();
$('.sbox.step2').empty();
$('.sbox.step3 .optionselect').empty();
$('.sbox.step3 .search_results').empty();
$('#makerdetail.contents').append(jsonData);
var mrg = $("#f-header").outerHeight() + 10;
var target = $('#step1');
var position = target.offset().top - mrg;
$('body,html').animate({scrollTop:position}, 500, 'swing');
}
}
});
return false;
}