https://www.otsukishoten.co.jp/js/14/search.js?u=2026031317

1$(function(){
2  "use strict";
3
4  var resultWrap = $('.resultWrap');
5  var dispgrid = $('.dispgrid');
6  var displist = $('.displist');
7
8  if(
9    resultWrap.length &&
10    dispgrid.length &&
11    displist.length
12  ) {
13    dispgrid.on('click',function(){
14      // グリッド表示ボタンをクリック → グリッド表示へ
15      changeView(resultWrap, 'block');
16    });
17    displist.on('click',function(){
18      // リスト表示ボタンをクリック → リスト表示へ
19      changeView(resultWrap, 'list');
20    });
21
22    changeView(resultWrap, null);
23  }
24
25  // 表示件数切り替え＋並び替え変更
26  var main = $("#main_column");
27  main.find(".changeOrder select").change(function(){
28    main.find("form").submit();
29  });
30
31  /**
32   * [changeView 一覧の表示方法変更]
33   * @param  {[obj]} resultWrap [表示切り替え対象]
34   * @param  {[String]} view     [表示スタイル名]
35   */
36  function changeView(resultWrap, view) {
37    if(view) {
38      // 表示方法が渡された場合は Cookieへ保存
39      $.cookie('view',view,{expires:7});
40    } else {
41      // 表示方法が渡されなかった場合は Cookieから取得
42      view = $.cookie('view');
43      if(view == 'list') {
44        // Cookieが取得できた場合は 有効期限更新
45        $.cookie('view',view,{expires:7});
46      }
47    }
48
49    if(!view) {
50      // Cookieからも取得できなかった場合は 「grid」を設定
51      view = 'grid';
52    }
53
54    if(view == 'list') {
55      // リスト表示へ
56      if(!resultWrap.hasClass('list')) {
57        resultWrap.addClass('list');
58      }
59    } else {
60      // グリッド表示へ
61      if(resultWrap.hasClass('list')) {
62        resultWrap.removeClass('list');
63      }
64    }
65  }
66});