$(function(){
//option開閉
$(document).on('click','.optbase',function(){
$(this).next('.selectwraps').slideToggle();
$(this).toggleClass('open');
});
//AJAXでstep2表示
$(document).on('click', '#main.product_search #contents .contents ul.plist li, #main.makers ul#msearch1 > li', function(){
termid = ($(this).attr('data-id'));
if($('#msearch1.handling').length){
maker = $('#msearch1.handling').attr('data-slug');
}else{
maker = '';
}
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termid' : termid,
'makerslug' : maker,
'action' : 'event',
},
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'));
if($('#msearch1.handling').length){
maker = $('#msearch1.handling').attr('data-slug');
}else{
maker = '';
}
$.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);
}
//セレクトに値を戻す
/*
if(option!=''){
options = option.split(',');
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(){
});
/**トップからのカテゴリ検索**/
function setStep2(termid){
//termid = ($(this).attr('data-id'));
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
'termid' : termid,
'action' : 'event',
},
success: function( response ){
// jsonData受け取る
if ( response == 'false' ) { // 投稿がなかったら
//alert('なし');
console.log("XMLHttpRequest : " + XMLHttpRequest.status);
console.log("textStatus : " + textStatus);
console.log("errorThrown : " + errorThrown.message);
} 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;
}