Commit @11d79ad183a23d3bfa2325e5f9e707469a57e3c1

정수빈 02-10

선거문자 alert레이어 팝업

@11d79ad183a23d3bfa2325e5f9e707469a57e3c1

b435cbe

11d79ad

src/main/webapp/publish/sub_election_v2025.html

--- src/main/webapp/publish/sub_election_v2025.html

+++ src/main/webapp/publish/sub_election_v2025.html


 	<script>
 		$(function(){
 
+			$(".mask").addClass("on");
+			
 			// 즉시/예약 시 예약설정 노출
 			$("[name=reserYn]").change(function(){
 				var thisVal = $(this).val();

 
 			/* td_number에서만 항상 다중 선택 모드 */
 			$(".table_20 .tbody_ul").on("mousedown", ".td_number", function (e) {
-			  e.ctrlKey = true;
+				e.ctrlKey = true;
 			});
 
-			/* selectable */
 			$(".table_20 .tbody_ul").selectable({
 			  filter: ".td_number",
-
 			  selected: function (event, ui) {
-			    $(ui.selected)
-			      .closest("li")
-			      .addClass("ui-selected")
-			      .find("input[type=checkbox]")
-			      .prop("checked", true);
+			    $(ui.selected).closest("li").addClass("ui-selected").find("input[type=checkbox]").prop("checked", true);
 			  },
-
 			  unselected: function (event, ui) {
-			    $(ui.unselected)
-			      .closest("li")
-			      .removeClass("ui-selected")
-			      .find("input[type=checkbox]")
-			      .prop("checked", false);
+			    $(ui.unselected).closest("li").removeClass("ui-selected").find("input[type=checkbox]").prop("checked", false);
 			  }
 			});
 

 						setTimeout(function () {
 							$(".btn_send").click();
 						}, 500);
-						alert("전송완료");
 					} else {
 						alert("발송할 대상을 선택해 주세요.");
 						return;

 				if (e.keyCode === 13 && !isChecked && !$(".put_text").is(':focus')) {
 					e.preventDefault();
 				
-					if (enterTimer) return; // 반복 방지
+					if (enterTimer) return;
 				
 					enterTimer = setTimeout(function () {
 				

 							var checkedCnt = checkbox.filter(":checked").length;
 				
 							if (totalCnt > 0 && totalCnt === checkedCnt) {
-								//$(".btn_send").click();
-								alert("전송완료");
+								$(".btn_send").click();
 							}
-							// ❌ 아니면 아무 것도 안 함
 						}, 600);
 				
 					}, 500);

 </head>
 
 <body>
-
 <!-- 선거문자 이용안내 data-tooltip:alert_layer_popup -->
 <div class="tooltip-wrap">
-	<div class="popup-com alert_layer_popup" tabindex="0" data-tooltip-con="alert_layer_popup" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup-close" style="width: 450px;">
+	<div class="popup-com alert_layer_popup" tabindex="0" data-tooltip-con="alert_layer_popup" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup-close" style="width: 450px;display:block;opacity: 1;left: 50%;top: 50%;transform: translate(-50%, -50%);">
 		<div class="popup_heading">
 			<p>선거문자 이용안내</p>
 			<button type="button" class="tooltip-close" data-focus="alert_layer_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>

 <div class="tooltip-wrap">
 	<div class="popup-com alert_layer_popup alert_layer_popup02" tabindex="0" data-tooltip-con="alert_layer_popup02" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup02-close" style="width: 450px;">
 		<div class="popup_heading">
+			<!-- 기업회원일 경우 -->
 			<p>선거문자 이용안내</p>
 			<button type="button" class="tooltip-close" data-focus="alert_layer_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
 		</div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -39,6 +39,8 @@
39	39	<script>
40	40	$(function(){
41	41
	42	+ $(".mask").addClass("on");
	43	+
42	44	// 즉시/예약 시 예약설정 노출
43	45	$("[name=reserYn]").change(function(){
44	46	var thisVal = $(this).val();
...	...	@@ -62,27 +64,16 @@
62	64
63	65	/* td_number에서만 항상 다중 선택 모드 */
64	66	$(".table_20 .tbody_ul").on("mousedown", ".td_number", function (e) {
65		- e.ctrlKey = true;
	67	+ e.ctrlKey = true;
66	68	});
67	69
68		- /* selectable */
69	70	$(".table_20 .tbody_ul").selectable({
70	71	filter: ".td_number",
71		-
72	72	selected: function (event, ui) {
73		- $(ui.selected)
74		- .closest("li")
75		- .addClass("ui-selected")
76		- .find("input[type=checkbox]")
77		- .prop("checked", true);
	73	+ $(ui.selected).closest("li").addClass("ui-selected").find("input[type=checkbox]").prop("checked", true);
78	74	},
79		-
80	75	unselected: function (event, ui) {
81		- $(ui.unselected)
82		- .closest("li")
83		- .removeClass("ui-selected")
84		- .find("input[type=checkbox]")
85		- .prop("checked", false);
	76	+ $(ui.unselected).closest("li").removeClass("ui-selected").find("input[type=checkbox]").prop("checked", false);
86	77	}
87	78	});
88	79
...	...	@@ -124,7 +115,6 @@
124	115	setTimeout(function () {
125	116	$(".btn_send").click();
126	117	}, 500);
127		- alert("전송완료");
128	118	} else {
129	119	alert("발송할 대상을 선택해 주세요.");
130	120	return;
...	...	@@ -135,7 +125,7 @@
135	125	if (e.keyCode === 13 && !isChecked && !$(".put_text").is(':focus')) {
136	126	e.preventDefault();
137	127
138		- if (enterTimer) return; // 반복 방지
	128	+ if (enterTimer) return;
139	129
140	130	enterTimer = setTimeout(function () {
141	131
...	...	@@ -146,10 +136,8 @@
146	136	var checkedCnt = checkbox.filter(":checked").length;
147	137
148	138	if (totalCnt > 0 && totalCnt === checkedCnt) {
149		- //$(".btn_send").click();
150		- alert("전송완료");
	139	+ $(".btn_send").click();
151	140	}
152		- // ❌ 아니면 아무 것도 안 함
153	141	}, 600);
154	142
155	143	}, 500);
...	...	@@ -177,10 +165,9 @@
177	165	</head>
178	166
179	167	<body>
180		-
181	168	<!-- 선거문자 이용안내 data-tooltip:alert_layer_popup -->
182	169	<div class="tooltip-wrap">
183		- <div class="popup-com alert_layer_popup" tabindex="0" data-tooltip-con="alert_layer_popup" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup-close" style="width: 450px;">
	170	+ <div class="popup-com alert_layer_popup" tabindex="0" data-tooltip-con="alert_layer_popup" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup-close" style="width: 450px;display:block;opacity: 1;left: 50%;top: 50%;transform: translate(-50%, -50%);">
184	171	<div class="popup_heading">
185	172	<p>선거문자 이용안내</p>
186	173	<button type="button" class="tooltip-close" data-focus="alert_layer_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
...	...	@@ -202,6 +189,7 @@
202	189	<div class="tooltip-wrap">
203	190	<div class="popup-com alert_layer_popup alert_layer_popup02" tabindex="0" data-tooltip-con="alert_layer_popup02" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup02-close" style="width: 450px;">
204	191	<div class="popup_heading">
	192	+ <!-- 기업회원일 경우 -->
205	193	<p>선거문자 이용안내</p>
206	194	<button type="button" class="tooltip-close" data-focus="alert_layer_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
207	195	</div>

Delete comment