tolag3/kcc_adr_advc_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/03/21 [웹접근성 수정] label, caption 등 수정

Browse Source
This commit is contained in:
subsub 2024-03-21 17:36:51 +09:00
parent d3ece7da5a
commit 42fdf7c571
11 changed files with 58 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/docIssDetail.jsp
View File

@ -36,6 +36,12 @@
$(document).ready(function(){
classify();
$("[data-tooltip='fee_popup'],[data-tooltip='return_popup']").click(function(){
setTimeout(function(){
popupboardCaptionToggle();
},100)
})
});
function classify() {
@ -216,12 +222,12 @@
<p><kc:code codeId="CC304" code="${info.prcsnStatCd}"/></p>
<c:choose>
<c:when test="${info.recordReadingFlag == 10 and info.prcsnStatCd eq 20}">
<button type="button" class="btnType01" data-tooltip="fee_popup">결제계좌</button>
<button type="button" class="btnType01" data-tooltip="fee_popup" title="팝업 열림">결제계좌</button>
<p style="width:100%;color:#e40000;font-weight:500;font-size:14px;margin:8px 0 0 0;">수수료 납부 요청 후 1일 이내에 입금하지 않으면 신청이 자동으로 취소됩니다.</p>
</c:when>
<c:when test="${info.prcsnStatCd eq 40}">
<!-- <p class="c_e40000 t_bold">반려</p><button type="button" class="btnType01" data-tooltip="return_popup">반려사유</button> -->
<button type="button" class="btnType01" data-tooltip="return_popup">반려사유</button>
<button type="button" class="btnType01" data-tooltip="return_popup" title="팝업 열림">반려사유</button>
</c:when>
</c:choose>
</td>
@ -318,9 +324,9 @@
<table class="popup_tbType01">
<tbody>
<tr>
<th>반려사유</th>
<th scope="row">반려사유</th>
<td>
<textarea name="" id="" cols="30" rows="5" class="read-only" readonly="readonly" title="반려사유"><c:out value="${info.cn }" />
<textarea name="" id="" cols="30" rows="5" class="read-only" readonly="readonly" title="반려사유" style="font-weight:500 !important;color:#666 !important;"><c:out value="${info.cn }" />
</textarea>
</td>
</tr>

4
src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/docIssReqRegist.jsp
View File

@ -218,7 +218,7 @@
<p>조정번호</p>
</th>
<td>
<label for="adjNm" class="label">조정번호 입력</label>
<label for="adrNo" class="label">조정번호 입력</label>
<input type="text" name="adrNo" id="adrNo" value="<c:out value='${adjClsMgrVO.adrNo}' />" size="30" placeholder="조정번호를 입력하세요." data-label="조정번호" readonly/>
<button type="button" class="btnType01 btn_adr_search" data-tooltip="list_popup" onclick="AdjstReq.historyAdjstPopEndList();" title="팝업 열림">조회</button>
</td>
@ -283,12 +283,14 @@
<input type="text" class="searchStartDt startDate" id="sbmtDate" name="sbmtDate" title="예약 날짜 선택" onfocus="return calendarOpen('sbmtDate-lry','',this, 4)" onclick="return calendarOpen('sbmtDate-lry','',this, 4)" value="" data-datecontrol="true" onkeyup="this.value = date_mask(this.value)" maxlength="10" data-label="예약날짜" >
<button type="button" title="달력 팝업 열기" class="btn_start btn_cal" onclick="return calendarOpen('sbmtDate-lry','',this, 4)"><i></i></button>
</div>
<label for="reqHours" class="label">시간 선택</label>
<select name="reqHours" id="reqHours" class="time_select">
<c:forEach var="hour" begin="9" end="18">
<option value="${hour}">${hour}</option>
</c:forEach>
</select>
:
<label for="reqMinutes" class="label">분 선택</label>
<select name="reqMinutes" id="reqMinutes" class="time_select" >
<c:forEach var="minute" begin="0" end="59">
<option value="${minute}"><c:if test="${minute < 10}">0</c:if>${minute}</option>

1
src/main/webapp/WEB-INF/jsp/web/kccadr/adjst/popup/adjstReqOpenExamplePop.jsp
View File

@ -85,6 +85,7 @@ function addText(exmpCd){
<div class="text">
<a href="javascript:;" onclick="addText('${exmpCd}'); return false;" title="신청취지 입력">
<%-- <c:out value="${list.exmpCn}"/> --%>
<label for="exmpVal" class="label">${titleText } 작성예시 붙여넣기</label>
<input type="hidden" id="exmpVal" value="<c:out value="${list.exmpCn}" escapeXml="false" />">
<c:out value="${fn:replace(list.exmpCn, crlf , '<br/>')}" escapeXml="false" />
</a>

27
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExpDetail/adjstReqStatusTabDetail.jsp
View File

@ -12,6 +12,13 @@
<title>조정진행</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javaScript" language="javascript">
$(function(){
//table caption
setTimeout(function(){
boardCaptionToggle02();
},100)
})
function fncGoNextPage(){
var index = Number($('#pageExpIndex').val())+1;
@ -181,57 +188,57 @@ resInfo--%>
<!-- step -->
<div class="step_wrap status_detail">
<div class="step step01 <c:out value="${statusActive eq '1' ? 'active' : ''}" /> hover_content_wrap" data-info="1" style="cursor:pointer;">
<div class="step step01 <c:out value="${statusActive eq '1' ? 'active' : ''}" /> hover_content_wrap" tabindex="0" data-info="1" style="cursor:pointer;">
<i></i>
<p>
STEP. 01
<span>접수</span>
</p>
<i class="next">다음</i>
<div class="hover_content_box">
<div class="hover_content_box" tabindex="0">
조정 진행과정 중 하나의 절차로써, 사건 당사자들의 합의를 위해 한국저작권위원회가 중재하는 자리로 조정위원, 사건당사자, 그 밖의 사건관계인이 출석 하는 날을 말합니다.
</div>
</div>
<div class="step step02 <c:out value="${statusActive eq '2' ? 'active' : ''}" /> hover_content_wrap" data-info="2" style="cursor:pointer;">
<div class="step step02 <c:out value="${statusActive eq '2' ? 'active' : ''}" /> hover_content_wrap" tabindex="0" data-info="2" style="cursor:pointer;">
<i></i>
<p>
STEP. 02
<span>기일지정</span>
</p>
<i class="next">다음</i>
<div class="hover_content_box">
<div class="hover_content_box" tabindex="0">
조정 진행과정 중 하나의 절차로써, 사건 당사자들의 합의를 위해 한국저작권위원회가 중재하는 자리로 조정위원, 사건당사자, 그 밖의 사건관계인이 출석 하는 날을 말합니다.
</div>
</div>
<div class="step step03 <c:out value="${statusActive eq '3' ? 'active' : ''}" /> hover_content_wrap" data-info="3" style="cursor:pointer;">
<div class="step step03 <c:out value="${statusActive eq '3' ? 'active' : ''}" /> hover_content_wrap" tabindex="0" data-info="3" style="cursor:pointer;">
<i></i>
<p>
STEP. 03
<span>기일개최</span>
</p>
<i class="next">다음</i>
<div class="hover_content_box">
<div class="hover_content_box" tabindex="0">
조정 진행과정 중 하나의 절차로써, 사건 당사자들의 합의를 위해 한국저작권위원회가 중재하는 자리로 조정위원, 사건당사자, 그 밖의 사건관계인이 출석 하는 날을 말합니다.
</div>
</div>
<div class="step step04 <c:out value="${statusActive eq '4' ? 'active' : ''}" /> hover_content_wrap" data-info="4" style="cursor:pointer;">
<div class="step step04 <c:out value="${statusActive eq '4' ? 'active' : ''}" /> hover_content_wrap" tabindex="0" data-info="4" style="cursor:pointer;">
<i></i>
<p>
STEP. 04
<span>조정중</span>
</p>
<i class="next">다음</i>
<div class="hover_content_box">
<div class="hover_content_box" tabindex="0">
조정 진행과정 중 하나의 절차로써, 사건 당사자들의 합의를 위해 한국저작권위원회가 중재하는 자리로 조정위원, 사건당사자, 그 밖의 사건관계인이 출석 하는 날을 말합니다.
</div>
</div>
<div class="step step05 <c:out value="${statusActive eq '5' ? 'active' : ''}" /> hover_content_wrap" data-info="5" style="cursor:pointer;">
<div class="step step05 <c:out value="${statusActive eq '5' ? 'active' : ''}" /> hover_content_wrap" tabindex="0" data-info="5" style="cursor:pointer;">
<i></i>
<p>
STEP. 05
<span>종료</span>
</p>
<div class="hover_content_box">
<div class="hover_content_box" tabindex="0">
조정 진행과정 중 하나의 절차로써, 사건 당사자들의 합의를 위해 한국저작권위원회가 중재하는 자리로 조정위원, 사건당사자, 그 밖의 사건관계인이 출석 하는 날을 말합니다.
</div>
</div>

6
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExpDetail/expAdjstChangeDateCreate.jsp
View File

@ -363,7 +363,7 @@
<p>연락처</p>
</th>
<td colspan="3">
<label for="appChgPhone1" class="label">핸드폰 앞자리 입력</label><form:input path="appChgPhone1" value="031" id="appChgPhone1" size="15" cssClass="input_phone" maxLength="3"
<label for="appChgPhone1" class="label">연락처 앞자리 입력</label><form:input path="appChgPhone1" value="031" id="appChgPhone1" size="15" cssClass="input_phone" maxLength="3"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/>
<!--
@ -377,10 +377,10 @@
<form:option value="019">019</form:option>
</form:select>
-->
-<label for="appChgPhone2" class="label">핸드폰 가운데자리 입력</label><form:input path="appChgPhone2" value="111" id="appChgPhone2" size="15" cssClass="input_phone" maxLength="4"
-<label for="appChgPhone2" class="label">연락처 가운데자리 입력</label><form:input path="appChgPhone2" value="111" id="appChgPhone2" size="15" cssClass="input_phone" maxLength="4"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/>
-<label for="appChgPhone3" class="label">핸드폰 마지막자리 입력</label><form:input path="appChgPhone3" value="2222" id="appChgPhone3" size="15" cssClass="input_phone" maxLength="4"
-<label for="appChgPhone3" class="label">연락처 마지막자리 입력</label><form:input path="appChgPhone3" value="2222" id="appChgPhone3" size="15" cssClass="input_phone" maxLength="4"
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
/>
<form:hidden path="appChgPhone" id="appChgPhone" />

1
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExpDetail/expAdjstDeputyReqCreate.jsp
View File

@ -12,6 +12,7 @@
<title>조정대리신청</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
<script src="/kccadrPb/usr/script/content.js"></script>
<script src="/kccadrPb/adm/script/postcode.js"></script>
<script src="<c:url value='/js/kccadr/kccadrCom.js' />"></script>
<style>

2
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExpDetail/expAdjstWithDrawCreate.jsp
View File

@ -13,6 +13,8 @@
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<%-- <c:import url="/ML4WebPage.do"></c:import> --%>
<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
<script src="/kccadrPb/usr/script/content.js"></script>
<script type="text/javaScript" language="javascript">
$( document ).ready(function(){
});

6
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExpDetail/expAnsSubmit.jsp
View File

@ -14,6 +14,8 @@
<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
<!-- 파일첨부, 썸네일이미지 있으면 미리보기 -->
<%-- <un:useConstants var="KccadrConstants" className="kcc.kccadr.cmm.KccadrConstants" /> --%>
<script src="/kccadrPb/usr/script/content.js"></script>
<script type="text/javaScript" language="javascript">
@ -24,6 +26,10 @@ $(document).ready(function(){
$(".btn_no_add_file").on("click", function(){
alert("체험하기 기능 입니다.");
});
setTimeout(function(){
boardCaptionToggle02();
},100)
});
$(function() {

5
src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExpDetail/expCorReqCreate.jsp
View File

@ -13,6 +13,7 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
<script src="/kccadrPb/usr/script/content.js"></script>
<script src="/kccadrPb/adm/script/postcode.js"></script>
<script src="<c:url value='/js/kccadr/kccadrCom.js' />"></script>
<style>
@ -305,7 +306,7 @@
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>피신청인 이름</p>
</th>
<td><input type="text" size="30" title="피신청인 이름 입력">김철수</td>
<td><input type="text" size="30" title="피신청인 이름 입력" value="김철수"></td>
</tr>
<tr>
<th scope="row">
@ -314,7 +315,7 @@
</th>
<td><label for="adr" class="label">우편번호 입력</label>
<input id="adr" name="adr" class="adr_input" placeholder="우편번호입력" readonly="readonly" type="text" value="13536">
<button type="button" class="btnType01 btn_adr_search" title="새창열림">우편번호 검색</button>
<button type="button" class="btnType01 btn_adr_search" title="새창열림" onclick="alert('체험하기 기능입니다.')">우편번호 검색</button>
<div class="detail_address">
<label for="adrInput" class="label">주소 입력</label>
<input id="adrInput" name="adrInput" class="searchResultAddr" placeholder="주소를 입력해주세요." value="경기 성남시 분당구 판교역로4 백현로" readonly="readonly" type="text" size="30">

4
src/main/webapp/kccadrPb/usr/css/content.css
View File

@ -310,7 +310,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.tbType01 td .check_wrap input[type="checkbox"]+label,.tbType01 td .radio_wrap input[type="radio"]+label{font-size: 18px; font-weight: 300; vertical-align: middle; margin: 0 15px 0 5px;}
.tbType01 td .check_wrap span input[type="checkbox"]+label,.tbType01 td .radio_wrap span input[type="radio"]+label {margin: 0 0 0 5px}
.tbType01 td .check_wrap input[type="checkbox"],.tbType01 td .radio_wrap input[type="radio"]{vertical-align: middle;}
.tbType01 td input:read-only,.tbType01 td input:disabled,.tbType01 td button:disabled,.tbType01 td select:disabled{background-color: #eee !important; color: #aaa !important; font-size: 16px;}
.tbType01 td input:read-only,.tbType01 td input:disabled,.tbType01 td button:disabled,.tbType01 td select:disabled{background-color: #eee !important; color: #777 !important; font-size: 16px;}
.tbType01 td p+button{vertical-align: baseline; margin: 0 0 0 8px;}
.tbType01 tbody .opinion .text {line-height:20px;text-align:right;}
@ -432,6 +432,8 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.sub02_1 .choice_person ul li:last-child {margin-right:0;}
.sub02_1 .choice_person ul li:hover input[type=radio] + label,
.sub02_1 .choice_person ul li input[type=radio]:checked + label {color:#fff;border-color:#2353b5;background-color:#2353b5;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.sub02_1 .choice_person ul li:hover input[type=radio] + label .sub_te,
.sub02_1 .choice_person ul li input[type=radio]:checked + label .sub_te{color:#fff !important;}
.step_wrap{display: flex; width: 100%; margin-bottom: 50px;}

17
src/main/webapp/kccadrPb/usr/script/popup.js
View File

@ -102,9 +102,9 @@ function popupboardCaptionToggle(){
$(".popup_tbType01,.popup_list").each(function(idx,tb){
if($(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="조정관련 민원서식 다운로드" || $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="종결 조정사건 목록" || $(tb).closest(".popup_wrap").is(".list_popup")){
var title = $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text();
var thLength = $(tb).find("thead>tr>th").length;
var thLength = $(tb).find("thead>tr>th:visible").length;
$(tb).find("caption").remove();
$(tb).find("thead>tr>th").each(function(index,item){
$(tb).find("thead>tr>th:visible").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
@ -118,9 +118,9 @@ function popupboardCaptionToggle(){
}else if($(tb).closest('.popup_wrap').find(".popup_tit").children('p').text() == "수수료 납부 금액"){
var title = $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text();
if($(tb).find("thead").length>0 && $(tb).find('tbody').children("th").length == "0"){
var thLength = $(tb).find("thead>tr>th").length;
var thLength = $(tb).find("thead>tr>th:visible").length;
$(tb).find("caption").remove();
$(tb).find("thead>tr>th").each(function(index,item){
$(tb).find("thead>tr>th:visible").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
@ -130,9 +130,9 @@ function popupboardCaptionToggle(){
}
});
}else{
var thLength = $(tb).find("tbody>tr>th").length;
var thLength = $(tb).find("tbody>tr>th:visible").length;
itmText = "";
$(tb).find("tbody>tr>th").each(function(index,item){
$(tb).find("tbody>tr>th:visible").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
@ -146,9 +146,10 @@ function popupboardCaptionToggle(){
$(tb).prepend("<caption>"+title+" : "+itmText + "등의 정보제공</caption>");
}
else{
var thLength = $(tb).find("tbody>tr>th").length;
$(tb).find("tbody>tr>th").each(function(index,item){
var thLength = $(tb).find("tbody>tr>th:visible").length;
$(tb).find("tbody>tr>th:visible").each(function(index,item){
itmText += $(item).text();
console.log(itmText);
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
itmText;