https://www.city.kumamoto.jp/dynamic/common/js/setinfoslider.js

1var SetInfoSlider = {
2    rootUrl: null,
3    c_id: null,
4    urlprms: null,
5    auth: null,
6    order: null,
7    count: null,
8    errMsg: "データの取得に失敗しました",
9    noDataMsg: "該当するデータがありません",
10
11    Render: function (elem) {
12        if (!elem)
13        {
14            return;
15        }
16
17        var targetElem = elem[0];
18        if (!jQuery(targetElem)) {
19            return;
20        }
21
22        var errMsgHtml = "<span>" + this.errMsg + "</span>";
23        var noDataMsgHtml = "<p class=\"nodata\">" + this.noDataMsg + "</p>";
24
25        //jQuery(targetElem).append("<div style='padding:20px 0px;margin:0px auto;text-align:center;'><img src='" + this.rootUrl + "common/images/loading_s.gif' alt='ローディング中'/></div>");
26
27        jQuery.ajax({
28            type: "GET",
29            dataType: "json",
30            async: false,
31            url: this.rootUrl + "api/GetInfoList.ashx",
32            data: {
33                "c_id": this.c_id,
34                "urlprms": this.urlprms,
35                "auth": this.auth,
36                "order": this.order,
37                "count": this.count
38            },
39            success: function (rslt) {
40                if (rslt.Success)
41                {
42                    if (rslt.ListItems && rslt.ListItems.length > 0)
43                    {
44                        var addHtml = "<ul>";
45                        var addHtmlList = "";
46                        for (var i = 0; i < rslt.ListItems.length; i++)
47                        {
48                            var data = rslt.ListItems[i];
49
50                            addHtmlList += "<li class=\"article topix_item\">"
51                                + "<img src=\"" + data.Pic1_url + "\" alt=\"" + data.Name + "の画像\" title=\"\" />"
52                                + "<p class=\"kiji_koushinDay\"><time datetime=\"" + data.KoshinDateForRss + "\">" + data.KoshinDate + "</time></p>"
53                                + "<p class=\"kiji_title\"><a href=\"" + data.Detail_page_url + "\">" + data.Name + "</a></p>"
54                                + "<p class=\"kiji_gaiyou\">" + data.Outline + "</p>"
55                                + "</li>";
56                        }
57                        addHtml += addHtmlList;
58                        //addHtml += addHtmlList; // スライド表示されるように要素を倍にする
59                        addHtml += "</ul><div class=\"clear\"></div>";
60
61                        if (rslt.ListItems.length > 1) {
62                            // 再生・停止ボタン
63                            addHtml += "<div class=\"slick_toggle_wrap\"><p class=\"slick_toggle\"><span class=\"stop\" role=\"button\" tabindex=\"0\">■STOP</span><span class=\"play\" role=\"button\" tabindex=\"0\">▶PLAY</span></p></div>";
64                        }
65
66                        //console.log(addHtml);
67                        jQuery(targetElem).html(addHtml);
68                        jQuery(targetElem).show();
69                    }
70                    else
71                    {
72                        jQuery(targetElem).html(noDataMsgHtml);
73                    }
74                }
75                else
76                {
77                    jQuery(targetElem).html(errMsgHtml);
78                }
79            },
80            error: function (jqXHR, textStatus, errorThrown) {
81                jQuery(targetElem).html(errMsgHtml);
82            }
83        });
84    }
85};