2024/01/26 팝업 버튼 여러개 일 때 data-info 추가하여 포커싱 가게 기능 추가

This commit is contained in:
subsub 2024-01-26 09:34:05 +09:00
parent 8a7c691f29
commit a024b76b95
6 changed files with 37 additions and 22 deletions

View File

@ -1136,7 +1136,7 @@
<span class="cf_text2" style="display:block; padding-left:0; padding-top: 6px;">※ 운영지원금 지원을 위한 계획서(계획은 운영에 따라 변경 가능)<br/>※ 담당교사의 재량으로 자율 편성하되, 1일 최대 2차시까지만 운영 가능</span> <span class="cf_text2" style="display:block; padding-left:0; padding-top: 6px;">※ 운영지원금 지원을 위한 계획서(계획은 운영에 따라 변경 가능)<br/>※ 담당교사의 재량으로 자율 편성하되, 1일 최대 2차시까지만 운영 가능</span>
</div> </div>
</div> </div>
<div class="tb_type02 tb_type02_write"> <div class="tb_type02">
<table class="addClassRow" rowLimit="1" > <table class="addClassRow" rowLimit="1" >
<colgroup> <colgroup>
<col style="width: 10%;"> <col style="width: 10%;">

View File

@ -219,7 +219,12 @@ $(document).ready(function(){
btnLast.attr('data-focus-next','sub36_pop02'); btnLast.attr('data-focus-next','sub36_pop02');
btnLast.attr('data-focus','sub36_pop02_close'); btnLast.attr('data-focus','sub36_pop02_close');
*/ */
// 레이어팝업 포커싱 이동 수정
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="sub37_pop20"]');
activeTarget.hide();
$('[data-tooltip="sub37_pop20"]:nth-child(2)').focus();
});
}) })
function onclickPrint() { function onclickPrint() {
@ -264,9 +269,9 @@ $(document).ready(function(){
<input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}"> <input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}">
<div class="tooltip-wrap srvyPopupPrintDiv" id="srvyPopupPrintDiv"> <div class="tooltip-wrap srvyPopupPrintDiv" id="srvyPopupPrintDiv">
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub36_pop02" data-focus="sub36_pop02" data-focus-prev="sub36_pop02_close"> <div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub37_pop20" data-focus="sub37_pop20" data-focus-prev="sub37_pop20_close">
<div class="popup_tit"> <div class="popup_tit">
<p>강의만족도 설문지 출력</p> <button class="btn_popup_close tooltip-close" data-focus="sub36_pop02_close" title="팝업 닫기"><i></i></button> <p>강의만족도 설문지 출력</p> <button class="btn_popup_close tooltip-close" data-focus="sub37_pop20_close" title="팝업 닫기"><i></i></button>
</div> </div>
<div class="popup_cont"> <div class="popup_cont">
@ -447,7 +452,7 @@ $(document).ready(function(){
<!-- <button type="button" class="btnType05" id="popupSubmin" onclick="popupSrvySendSubmit();">제출</button> --> <!-- <button type="button" class="btnType05" id="popupSubmin" onclick="popupSrvySendSubmit();">제출</button> -->
<button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button> <button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button>
<button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop01_close" data-focus-next="sub37_pop01">취소</button> <button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop20_close" data-focus-next="sub37_pop20">취소</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
</div> </div>
@ -466,7 +471,7 @@ $(document).ready(function(){
</div> </div>
<div class="btn_center"> <div class="btn_center">
<button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button> <button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button>
<button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop01_close" data-focus-next="sub37_pop01">닫기</button> <button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop20_close" data-focus-next="sub37_pop20">닫기</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
</div> </div>

View File

@ -219,7 +219,12 @@ $(document).ready(function(){
btnLast.attr('data-focus-next','sub36_pop02'); btnLast.attr('data-focus-next','sub36_pop02');
btnLast.attr('data-focus','sub36_pop02_close'); btnLast.attr('data-focus','sub36_pop02_close');
*/ */
// 레이어팝업 포커싱 이동 수정
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="sub37_pop20"]');
activeTarget.hide();
$('[data-tooltip="sub37_pop20"]:first-child').focus();
});
}) })
</script> </script>
<!-- 일정 상세 --> <!-- 일정 상세 -->
@ -230,9 +235,9 @@ $(document).ready(function(){
<input type="hidden" name="qestnrId" id="qestnrId" value="${chasiSrvyList[0].qestnrId}"> <input type="hidden" name="qestnrId" id="qestnrId" value="${chasiSrvyList[0].qestnrId}">
<input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}"> <input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}">
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub36_pop02" data-focus="sub36_pop02" data-focus-prev="sub36_pop02_close"> <div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub37_pop20" data-focus="sub37_pop20" data-focus-prev="sub37_pop20_close">
<div class="popup_tit"> <div class="popup_tit">
<p>강의만족도 결과 등록</p> <button class="btn_popup_close tooltip-close" data-focus="sub36_pop02_close" title="팝업 닫기"><i></i></button> <p>강의만족도 결과 등록</p> <button class="btn_popup_close tooltip-close" data-focus="sub37_pop20_close" title="팝업 닫기"><i></i></button>
</div> </div>
<div class="popup_cont"> <div class="popup_cont">
@ -424,7 +429,7 @@ $(document).ready(function(){
<button type="button" class="btnType05" id="popupSubmin" onclick="popupSrvySendSubmit();">제출</button> <button type="button" class="btnType05" id="popupSubmin" onclick="popupSrvySendSubmit();">제출</button>
<button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop01_close" data-focus-next="sub37_pop01">취소</button> <button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop20_close" data-focus-next="sub37_pop20">취소</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
</div> </div>
@ -443,7 +448,7 @@ $(document).ready(function(){
</div> </div>
<div class="btn_center"> <div class="btn_center">
<button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop01_close" data-focus-next="sub37_pop01">닫기</button> <button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop20_close" data-focus-next="sub37_pop20">닫기</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
</div> </div>

View File

@ -219,7 +219,12 @@ $(document).ready(function(){
btnLast.attr('data-focus-next','sub36_pop02'); btnLast.attr('data-focus-next','sub36_pop02');
btnLast.attr('data-focus','sub36_pop02_close'); btnLast.attr('data-focus','sub36_pop02_close');
*/ */
// 레이어팝업 포커싱 이동 수정
$(".tooltip-close").click(function(){
var activeTarget = $('[data-tooltip-con="sub37_pop20"]');
activeTarget.hide();
$('[data-tooltip="sub37_pop20"]:last-child').focus();
});
}) })
function onclickPrint() { function onclickPrint() {
@ -264,9 +269,9 @@ $(document).ready(function(){
<input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}"> <input type="hidden" name="qestmInfoSize" id="qestmInfoSize" value="${fn:length(chasiSrvyList)}">
<div class="tooltip-wrap srvyPopupPrintDiv" id="srvyPopupPrintDiv"> <div class="tooltip-wrap srvyPopupPrintDiv" id="srvyPopupPrintDiv">
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub36_pop02" data-focus="sub36_pop02" data-focus-prev="sub36_pop02_close"> <div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub37_pop20" data-focus="sub37_pop20" data-focus-prev="sub37_pop20_close">
<div class="popup_tit"> <div class="popup_tit">
<p>강의만족도 설문지 QR</p> <button class="btn_popup_close tooltip-close" data-focus="sub36_pop02_close" title="팝업 닫기"><i></i></button> <p>강의만족도 설문지 QR</p> <button class="btn_popup_close tooltip-close" data-focus="sub37_pop20_close" title="팝업 닫기"><i></i></button>
</div> </div>
<div class="popup_cont"> <div class="popup_cont">
@ -490,7 +495,7 @@ $(document).ready(function(){
<!-- <button type="button" class="btnType05" id="popupSubmin" onclick="popupSrvySendSubmit();">제출</button> --> <!-- <button type="button" class="btnType05" id="popupSubmin" onclick="popupSrvySendSubmit();">제출</button> -->
<button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button> <button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button>
<button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop01_close" data-focus-next="sub37_pop01">취소</button> <button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop20_close" data-focus-next="sub37_pop20">취소</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
</div> </div>
@ -509,7 +514,7 @@ $(document).ready(function(){
</div> </div>
<div class="btn_center"> <div class="btn_center">
<button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button> <button type="button" class="btnType05" id="popupSubmin" onclick="onclickPrint();" title="새창 열림">출력</button>
<button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop01_close" data-focus-next="sub37_pop01">닫기</button> <button type="button" class="btnType02 tooltip-close" data-focus="sub37_pop20_close" data-focus-next="sub37_pop20">닫기</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">
</div> </div>

View File

@ -402,7 +402,7 @@
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<div class="popup_wrap popType05" tabindex="0" data-tooltip-con="sub37_pop02" data-focus="sub37_pop02" data-focus-prev="sub37_pop02_close"> <div class="popup_wrap popType05" tabindex="0" data-tooltip-con="sub37_pop02" data-focus="sub37_pop02" data-focus-prev="sub37_pop02_close">
<div class="popup_tit"> <div class="popup_tit">
<p>양식 업로드</p> <p>양1식 업로드</p>
<button class="btn_popup_close tooltip-close" data-focus="sub37_pop02_close" title="팝업 닫기"><i></i></button> <button class="btn_popup_close tooltip-close" data-focus="sub37_pop02_close" title="팝업 닫기"><i></i></button>
</div> </div>
<div class="popup_cont"> <div class="popup_cont">
@ -427,7 +427,7 @@
<tr> <tr>
<td> <td>
<c:if test="${not empty list.instrNm}"> <c:if test="${not empty list.instrNm}">
<input name="chk" id="<c:out value="${list.userId}"/>" type="checkbox" value="<c:out value="${list.userId}"/>"/> <label for="<c:out value="${list.userId}"/>"></label> <input name="chk" id="<c:out value="${list.userId}"/>" type="checkbox" title="${empty list.instrNm ? '-' : list.instrNm}선택" value="<c:out value="${list.userId}"/>"/> <label for="<c:out value="${list.userId}"/>"></label>
</c:if> </c:if>
${empty list.instrNm ? '-' : list.instrNm} ${empty list.instrNm ? '-' : list.instrNm}
</td> </td>

View File

@ -12,7 +12,7 @@
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
boardCaptionDetailToggle3(); //boardCaptionDetailToggle3();
// 레이어팝업 포커싱 이동 수정 // 레이어팝업 포커싱 이동 수정
$(".tooltip-close").click(function(){ $(".tooltip-close").click(function(){
@ -92,12 +92,12 @@
return true; return true;
} }
</script> </script>
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub01_pop01" data-focus="sub01_pop01" data-focus-prev="list_popup_close"> <div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub01_pop01" data-focus="sub01_pop01" data-focus-prev="sub01_pop01_close">
<form:form id="createForm" name="createForm" commandName="vEEduAplctVO"> <form:form id="createForm" name="createForm" commandName="vEEduAplctVO">
<input type="hidden" name="eduAplctOrd" id="eduAplctOrd" value="${info.eduAplctOrd}" /> <input type="hidden" name="eduAplctOrd" id="eduAplctOrd" value="${info.eduAplctOrd}" />
<div class="popup_tit"> <div class="popup_tit">
<p>담당자 정보 수정</p> <p>담당자 정보 수정</p>
<button class="btn_popup_close tooltip-close" data-focus="list_popup_close" title="팝업 닫기"><i></i></button> <button class="btn_popup_close tooltip-close" data-focus="sub01_pop01_close" title="팝업 닫기"><i></i></button>
</div> </div>
<div class="popup_cont"> <div class="popup_cont">
<div class="cont_body"> <div class="cont_body">
@ -185,7 +185,7 @@
</div> </div>
<div class="btn_center"> <div class="btn_center">
<button type="button" class="btnType06" onclick="fncUpdateSubmit();">수정</button> <button type="button" class="btnType06" onclick="fncUpdateSubmit();">수정</button>
<button type="button" class="btnType02 tooltip-close" data-focus="list_popup_close" data-focus-next="sub01_pop01">취소</button> <button type="button" class="btnType02 tooltip-close" data-focus="sub01_pop01_close" data-focus-next="sub01_pop01">취소</button>
</div> </div>
<div class="btn_right"> <div class="btn_right">