https://www.ktcom.jp/js/modalConfirm.js

1/************************************************************
2 * Confirm Modal Plugin V1.0
3 * https://github.com/klutche/confirm_modal
4 * Released under the MIT license
5 ************************************************************/
6
7$(function(){
8	var modal = $(".modal");//モーダルウインドウのクラス
9	var opacity = 1;//モーダル背景の透明度
10	var button = $(".close_modal");//モーダル解除ボタンのクラス
11	var limit = 10080;//Cookieの有効期限(分)
12	var cookie = $.cookie("modal");
13	if(cookie !== "off"){
14		var overlay = $("<div></div>");
15		overlay.css({
16			"position":"fixed",
17			"z-index":9995,
18			"top":0,
19			"left":0,
20			"height":100+"%",
21			"width":100+"%",
22			"background":"#FFFFFF",
23			"opacity":opacity
24		});
25		$("body").append(overlay);
26		modal.css("display", "block");
27	}
28	button.click(function(){
29		$(overlay).fadeOut("slow");
30		$(modal).hide();
31		var clearTime = new Date();
32		clearTime.setTime(clearTime.getTime()+(limit*60*1000));
33		$.cookie("modal", "off", {expires:clearTime, path:"/"});
34	});
35	$(".remove_cookie").click(function(){
36		$.removeCookie("modal", {expires:-1, path:"/"});
37		location.reload();
38	});
39});
40
41
42$(function(){
43	var modal2 = $(".modal_2");//モーダルウインドウのクラス
44	var button2 = $(".close_modal_2");//モーダル解除ボタンのクラス
45	var limit2 = 1440;//Cookieの有効期限(分)
46	var cookie2 = $.cookie("modal_2");
47	if(cookie2 !== "off"){
48		modal2.css("display", "block");
49	}
50	button2.click(function(){
51		$(modal2).hide();
52		var clearTime2 = new Date();
53		clearTime2.setTime(clearTime2.getTime()+(limit2*60*1000));
54		$.cookie("modal_2", "off", {expires:clearTime2, path:"/"});
55	});
56	$(".remove_cookie").click(function(){
57		$.removeCookie("modal_2", {expires:-1, path:"/"});
58		location.reload();
59	});
60});
61
62
63$(function(){
64	var modal3 = $(".modal_3");//モーダルウインドウのクラス
65	var button3 = $(".close_modal_3");//モーダル解除ボタンのクラス
66	var limit3 = 1440;//Cookieの有効期限(分)
67	var cookie3 = $.cookie("modal_3");
68	if(cookie3 !== "off"){
69		modal3.css("display", "block");
70	}
71	button3.click(function(){
72		$(modal3).hide();
73		var clearTime3 = new Date();
74		clearTime3.setTime(clearTime3.getTime()+(limit3*60*1000));
75		$.cookie("modal_3", "off", {expires:clearTime3, path:"/"});
76	});
77	$(".remove_cookie").click(function(){
78		$.removeCookie("modal_3", {expires:-1, path:"/"});
79		location.reload();
80	});
81});
82
83
84$(function(){
85	var modal_hansoku = $(".modal_hansoku");//モーダルウインドウのクラス
86	var opacity_hansoku = 1;//モーダル背景の透明度
87	var button_hansoku = $(".close_modal_hansoku");//モーダル解除ボタンのクラス
88	var limit_hansoku = 10080;//Cookieの有効期限(分)
89	var cookie_hansoku = $.cookie("modal_hansoku");
90	if(cookie_hansoku !== "off"){
91		var overlay = $("<div></div>");
92		overlay.css({
93			"position":"fixed",
94			"z-index":9995,
95			"top":0,
96			"left":0,
97			"height":100+"%",
98			"width":100+"%",
99			"background":"#FFFFFF",
100			"opacity":opacity
101		});
102		$("body").append(overlay);
103		modal.css("display", "block");
104	}
105	button_hansoku.click(function(){
106		$(overlay).fadeOut("slow");
107		$(modal_hansoku).hide();
108		var clearTime_hansoku = new Date();
109		clearTime_hansoku.setTime(clearTime_hansoku.getTime()+(limit*60*1000));
110		$.cookie("modal_hansoku", "off", {expires:clearTime_hansoku, path:"/"});
111	});
112	$(".remove_cookie").click(function(){
113		$.removeCookie("modal_hansoku", {expires:-1, path:"/"});
114		location.reload();
115	});
116});