http://bibigawa.or.jp/js/search.js?1684393471

1$(function(){
2  // $('.col-search .box-search .btn-search').click(function(){
3  //   var col_search = $(this).closest('.col-search');
4  //   updateListBlockOnSearchBox(col_search);
5  // });
6  // $('.col-search .box-search .btn-reset').click(function(){
7  //   var col_search = $(this).closest('.col-search');
8  //   col_search.find('input[name=word]').val('');
9  //   col_search.find('.selectlist').selectlist('selectByIndex', 0);
10  //   $('.col-search .box-tags ul li').each(function(){
11  //     $(this).removeClass('active');
12  //   });
13  //   updateListBlockOnSearchBox(col_search);
14  // });
15  // $('.col-search .box-tags ul li').click(function(){
16  //   $('.col-search .box-tags ul li').each(function(){
17  //     $(this).removeClass('active');
18  //   });
19  //   $(this).addClass('active');
20  //   var col_search = $(this).closest('.col-search');
21  //   updateListBlockOnSearchBox(col_search);
22  //   return false;
23  // });
24
25  //full text search.
26  $('body.corner-search').on('click', '.btn-search', function(){
27    updateListBlockOnFullTextInput();
28  });
29
30  $('body.corner-search').on('keypress', 'input[name=word]', function( event ) {
31    if( event.which === 13 ){
32      updateListBlockOnFullTextInput();
33    }
34  });
35
36  //$('[data-tycms-ajax-search="true"] a[data-year]').click(function(event){
37  $('body').on('click', '[data-tycms-ajax-search="true"] a[data-year]',function(event){
38    $(this).closest('ul').find('li > a[data-year]').removeClass('active');
39    $(this).addClass('active');
40    var year = $(this).attr('data-year').split(',');
41    updateListBlockWith({
42      years:[year],
43      reset:false,
44    });
45    return false;
46  });
47
48  //$('[data-tycms-ajax-search="true"] a[data-dirname]').click(function(event){
49  $('body').on('click', '[data-tycms-ajax-search="true"] a[data-dirname]',function(event){
50    $(this).closest('ul').find('li > a[data-dirname]').removeClass('active');
51    $(this).addClass('active');
52    var dirnames = $(this).attr('data-dirname').split(',');
53    updateListBlockWith({
54      dirnames: dirnames,
55      reset:false,
56    });
57    return false;
58  });
59
60  //$('[data-tycms-ajax-search="true"] a[data-pagetag]').click(function(event){
61  $('body').on('click', '[data-tycms-ajax-search="true"] a[data-pagetag]', function(event){
62    $(this).closest('ul').find('li > a[data-pagetag]').removeClass('active');
63    $(this).addClass('active');
64    var pagetags = $(this).attr('data-pagetag').split(',');
65    updateListBlockWith({
66      pagetags:[pagetags],
67      reset:false,
68    });
69    return false;
70  });
71
72  $('[data-tycms-ajax-search="true"] a[data-pagetag-name]').click(function(event){
73    $(this).closest('ul').find('li > a[data-pagetag-name]').removeClass('active');
74    $(this).addClass('active');
75    var pagetagnames = $(this).attr('data-pagetag-name').split(',');
76    updateListBlockWith({
77      pagetagnames:[pagetagnames],
78      reset:false,
79    });
80    return false;
81  });
82
83  $('body').on('click', '[data-tycms-ajax-search="true"] a[data-areatag]', function(event){
84    $(this).closest('ul').find('li > a[data-areatag]').removeClass('active');
85    $(this).addClass('active');
86    var areatags = $(this).attr('data-areatag').split(',');
87    updateListBlockWith({
88      areatags:[areatags],
89      reset:false,
90    });
91    return false;
92  });
93
94  //$('[data-tycms-ajax-search="true"] a[data-reset=true]').click(function(event){
95  $('body').on('click', '[data-tycms-ajax-search="true"] a[data-reset=true]', function(event){
96    $('[data-tycms-ajax-search="true"] a[data-year], [data-tycms-ajax-search="true"] a[data-dirname], [data-tycms-ajax-search="true"] a[data-pagetag]').removeClass('active');
97    updateListBlockWith({
98      reset:true,
99    });
100    return false;
101  });
102
103});
104
105function updateListBlockOnFullTextInput(){
106  var block = $('.page.corner-search').find('.block[data-list-dirname=""][data-list-enable-search="1"]');
107  var word = $('.page.corner-search').find('input[name=word]').val();
108
109  var page_id = block.closest('.page').attr('data-id');
110  var block_id = block.attr('data-id');
111  //var form = block.find('form');
112  var form = block.find('> .block-edit-area > .block-border > .form-list');
113
114  form.find('input').remove();
115  form.append(
116    $('<input>').attr({
117      type: 'hidden',
118      name: 'search[w][]',
119      value: word
120    })
121  );
122  var page_number = 1;
123  var options = [];
124  options.show_waiting = true;
125  updateListBlock(page_id, block_id, page_number, options);
126}
127
128function updateListBlockWith(param){
129
130  param = param !== undefined ? param : [];
131
132  var reset = param.reset !== undefined ? param.reset : true;
133  var loading = param.loading !== undefined ? param.loading : true;
134  var years = param.years !== undefined ? param.years : null;
135  var dirnames = param.dirnames !== undefined ? param.dirnames : null;
136  var pagetags = param.pagetags !== undefined ? param.pagetags : null;
137  var pagetagnames = param.pagetagnames !== undefined ? param.pagetagnames : null;
138  var cart_product_types = param.cart_product_types !== undefined ? param.cart_product_types : null;
139
140  var blocks = $('.block[data-type="list"][data-list-enable-search="1"]');
141
142  // とりあえず一つ目とする
143  var block;
144  if(blocks.length==0){
145    console.log("Not found search enable block. Check list enable mode.");
146    return;
147  }else if(blocks.length==1){
148    block = blocks;
149  }else{
150    block = blocks.eq(0);
151  }
152  var page_id = block.closest('.page').attr('data-id');
153  var block_id = block.attr('data-id');
154
155  var form = block.find('> .block-edit-area > .block-border > .form-list');
156
157  if(reset){
158    form.find('input').remove();
159  }
160  if(years != null){
161    form.find('input[name=search\\[py\\]\\[\\]]').remove();

162    years.forEach(function(value){
163      form.append(
164        $('<input>').attr({
165          type: 'hidden',
166          name: 'search[py][]',
167          value: value
168        })
169      );
170    });
171  }
172  if(dirnames != null){
173    form.find('input[name=search\\[dn\\]\\[\\]]').remove();
174    dirnames.forEach(function(value){
175      form.append(
176        $('<input>').attr({
177          type: 'hidden',
178          name: 'search[dn][]',
179          value: value
180        })
181      );
182    });
183  }
184  if(pagetags != null){
185    form.find('input[name=search\\[pt\\]\\[\\]]').remove();
186    pagetags.forEach(function(value){
187      form.append(
188        $('<input>').attr({
189          type: 'hidden',
190          name: 'search[pt][]',
191          value: value
192        })
193      );
194    });
195  }
196  if(pagetagnames != null){
197    form.find('input[name=search\\[pn\\]\\[\\]]').remove();
198    pagetagnames.forEach(function(value){
199      form.append(
200        $('<input>').attr({
201          type: 'hidden',
202          name: 'search[pn][]',
203          value: value
204        })
205      );
206    });
207  }
208  if(cart_product_types != null){
209    form.find('input[name=search\\[c_pt\\]\\[\\]]').remove();
210    cart_product_types.forEach(function(value){
211      form.append(
212        $('<input>').attr({
213          type: 'hidden',
214          name: 'search[c_pt][]',
215          value: value
216        })
217      );
218    });
219  }
220  var page_number = 1;
221  var options = [];
222  options.show_waiting = loading;
223  updateListBlock(page_id, block_id, page_number, options);
224}
225
226function updateListBlockOnSearchBox(col){
227
228  var pagetag = col.find('.box-tags ul li.active');
229  var pagetag_id = pagetag ? pagetag.attr('data-id') : '';
230
231  // Find the target block.
232  var page_id = col.attr('data-page-id');
233  var page = $('body').find('.page[data-id='+ page_id +']')
234
235  // Create search conditions.
236  var word = col.find('input[name=word]').val();
237  var areatag_id = col.find('input[name=areatag_id]').val();
238
239  page.find('.block[data-type=list][data-list-enable-search=1]').each(function(i){
240    var block = $(this);
241    var block_id = block.attr('data-id');
242
243    if(i==0 && isSmallDevice()){
244      $('html,body').animate({ scrollTop: block.offset().top - $('#header').height() }, 'fast');
245    }
246
247    var form = block.find('form');
248    form.find('input').remove();// Clear hidden inputs on the block.
249
250    // Set search conditions on the block.
251    form.append(
252      $('<input>').attr({
253        type: 'hidden',
254        name: 'search[w][]',
255        value: word
256      })
257    );
258
259    if(areatag_id){
260      form.append(
261        $('<input>').attr({
262          type: 'hidden',
263          name: 'search[at][]',
264          value: areatag_id
265        })
266      );
267    }
268
269    if(pagetag_id){
270      form.append(
271        $('<input>').attr({
272          type: 'hidden',
273          name: 'search[pt][]',
274          value: pagetag_id
275        })
276      );
277    }
278
279    var page_number = 1;
280    updateListBlock(page_id, block_id, page_number);
281
282  });
283
284}