2024/03/19 [웹접근성 수정] 퀵메뉴, 용어해설, 조정사례, 페이지네비게이션

This commit is contained in:
subsub 2024-03-19 09:38:55 +09:00
parent 9d4e0c2723
commit c680274637
17 changed files with 125 additions and 76 deletions

View File

@ -46,7 +46,7 @@ public class ImagePaginationRenderer extends AbstractPaginationRenderer implemen
firstPageLabel = "<button class='btn_page_first' title='첫 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>"; firstPageLabel = "<button class='btn_page_first' title='첫 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
previousPageLabel = "<button class='btn_page_prev' title='이전 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>"; previousPageLabel = "<button class='btn_page_prev' title='이전 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
currentPageLabel = "<button class='on' title=\"현재 {0}페이지\" onclick='return false;' disabled>{0}</button>"; currentPageLabel = "<button class='on' title=\"현재 {0}페이지\" onclick='return false;' readonly='readonly'>{0}</button>";
otherPageLabel = "<button title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</button>"; otherPageLabel = "<button title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</button>";
nextPageLabel = "<button class='btn_page_next' title='다음 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>"; nextPageLabel = "<button class='btn_page_next' title='다음 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
lastPageLabel = "<button class='btn_page_last' title='마지막 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>"; lastPageLabel = "<button class='btn_page_last' title='마지막 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";

View File

@ -31,6 +31,7 @@
<style> <style>
.popup_wrap{display:block !important;} .popup_wrap{display:block !important;}
.popup_wrap .tab_li{width:auto;min-width:calc((100% - 60px)/10);white-space:nowrap;}
</style> </style>
</head> </head>
@ -47,6 +48,8 @@
$('.popup_tab_wrap .tab_ul .tab_li, ul li').on('click',function(){ $('.popup_tab_wrap .tab_ul .tab_li, ul li').on('click',function(){
$(this).addClass('on').siblings().removeClass('on'); $(this).addClass('on').siblings().removeClass('on');
$(this).find("button").attr("title","선택됨");
$(this).siblings().find("button").removeAttr("title");
}); });
$("#tab_ul li > button").on("click", function(e) { $("#tab_ul li > button").on("click", function(e) {
@ -91,7 +94,7 @@
</div> </div>
<div class="popup_tab_wrap"> <div class="popup_tab_wrap">
<ul class="tab_ul" id="tab_ul"> <ul class="tab_ul" id="tab_ul">
<li class="tab_li on"><button type="button" class="tab" data-info="">전체</button></li> <li class="tab_li on"><button type="button" class="tab" data-info="" title="선택됨">전체</button></li>
<c:forEach items="${category }" var="item"> <c:forEach items="${category }" var="item">
<li class="tab_li"><button type="button" class="tab" data-info="${item.code }">${item.codeNm }</button></li> <li class="tab_li"><button type="button" class="tab" data-info="${item.code }">${item.codeNm }</button></li>
</c:forEach> </c:forEach>

View File

@ -9,6 +9,8 @@
$(document).ready(function(){ $(document).ready(function(){
$('.glossary_left_area ul li').on('click',function(){ $('.glossary_left_area ul li').on('click',function(){
$(this).addClass('on').siblings().removeClass('on'); $(this).addClass('on').siblings().removeClass('on');
$(this).find("button").attr("title","선택됨");
$(this).siblings().find("button").removeAttr("title");
tabPageLoad3($(this).children('button').attr('value')); tabPageLoad3($(this).children('button').attr('value'));
}); });
@ -36,7 +38,7 @@
<p class="result_text">전체 : <span class="t_bold"><c:out value="${list[0].cnt}"/></span>건</p> <p class="result_text">전체 : <span class="t_bold"><c:out value="${list[0].cnt}"/></span>건</p>
<ul> <ul>
<c:forEach var="list" items="${list}" varStatus="status"> <c:forEach var="list" items="${list}" varStatus="status">
<li <c:if test="${status.index eq 0}">class="on"</c:if>><button type="button" value="<c:out value='${list.csSeq}'/>"><c:out value="${list.csSubject}"/></button></li> <li <c:if test="${status.index eq 0}">class="on"</c:if>><button type="button" <c:if test="${status.index eq 0}">title="선택됨"</c:if> value="<c:out value='${list.csSeq}'/>"><c:out value="${list.csSubject}"/></button></li>
</c:forEach> </c:forEach>
</ul> </ul>
</div> </div>

View File

@ -90,7 +90,7 @@
</div> </div>
<div class="popup_tab_wrap"> <div class="popup_tab_wrap">
<ul class="tab_ul" id="tab_ul"> <ul class="tab_ul" id="tab_ul">
<li class="tab_li on"><button type="button" class="tab">전체</button></li> <li class="tab_li on"><button type="button" class="tab" title="선택됨">전체</button></li>
<li class="tab_li"><button type="button" class="tab">가</button></li> <li class="tab_li"><button type="button" class="tab">가</button></li>
<li class="tab_li"><button type="button" class="tab">나</button></li> <li class="tab_li"><button type="button" class="tab">나</button></li>
<li class="tab_li"><button type="button" class="tab">다</button></li> <li class="tab_li"><button type="button" class="tab">다</button></li>

View File

@ -9,6 +9,8 @@
$(document).ready(function(){ $(document).ready(function(){
$('.glossary_left_area ul li').on('click',function(){ $('.glossary_left_area ul li').on('click',function(){
$(this).addClass('on').siblings().removeClass('on'); $(this).addClass('on').siblings().removeClass('on');
$(this).find("button").attr("title","선택됨");
$(this).siblings().find("button").removeAttr("title");
tabPageLoad3($(this).children('button').attr('value')); tabPageLoad3($(this).children('button').attr('value'));
}); });
@ -36,7 +38,7 @@
<p class="result_text">전체 : <span class="t_bold"><c:out value="${list[0].cnt}"/></span>건</p> <p class="result_text">전체 : <span class="t_bold"><c:out value="${list[0].cnt}"/></span>건</p>
<ul> <ul>
<c:forEach var="list" items="${list}" varStatus="status"> <c:forEach var="list" items="${list}" varStatus="status">
<li <c:if test="${status.index eq 0}">class="on"</c:if>><button type="button" value="<c:out value='${list.glssrSeq}'/>"><c:out value="${list.glssrSubject}"/></button></li> <li <c:if test="${status.index eq 0}">class="on"</c:if>><button type="button" <c:if test="${status.index eq 0}">title="선택됨"</c:if> value="<c:out value='${list.glssrSeq}'/>"><c:out value="${list.glssrSubject}"/></button></li>
</c:forEach> </c:forEach>
</ul> </ul>
</div> </div>

View File

@ -20,18 +20,18 @@
<form id="glossaryPop" name="glossaryPop" method="post"></form> <form id="glossaryPop" name="glossaryPop" method="post"></form>
<div class="quick_menu_wrap"> <div class="quick_menu_wrap">
<div class="quick_title"> <button type="button" class="quick_title">
<p>퀵메뉴</p> 퀵메뉴
</div> </button>
<ul class="quick_ul"> <ul class="quick_ul">
<li class="quick_li"> <li class="quick_li">
<a href="#none" onclick="cmmPop('/web/com/popup/quickWrapGlossaryPop.do'); return false;" ><i class="icon_quickmenu_glossary"></i>용어해설</a> <a href="#none" onclick="cmmPop('/web/com/popup/quickWrapGlossaryPop.do'); return false;" title="새창 열기"><i class="icon_quickmenu_glossary"></i>용어해설</a>
</li> </li>
<!-- <li class="quick_li"> --> <!-- <li class="quick_li"> -->
<!-- <a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000651"><i class="icon_quickmenu_adj_case"></i>조정사례</a> --> <!-- <a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000651"><i class="icon_quickmenu_adj_case"></i>조정사례</a> -->
<!-- </li> --> <!-- </li> -->
<li class="quick_li"> <li class="quick_li">
<a href="#none" onclick="cmmPop('/web/com/popup/quickWrapAdjCsPop.do'); return false;" ><i class="icon_quickmenu_adj_case"></i>조정사례</a> <a href="#none" onclick="cmmPop('/web/com/popup/quickWrapAdjCsPop.do'); return false;" title="새창 열기"><i class="icon_quickmenu_adj_case"></i>조정사례</a>
</li> </li>
<li class="quick_li"> <li class="quick_li">
<a href="/web/kccadr/adjst/adjstReqRegistInformation.do"><i class="icon_quickmenu_apl_form"></i>조정신청</a> <a href="/web/kccadr/adjst/adjstReqRegistInformation.do"><i class="icon_quickmenu_apl_form"></i>조정신청</a>

View File

@ -245,6 +245,7 @@
<td> <td>
<div class="radio_wrap"> <div class="radio_wrap">
<input type="text" name="phone" id="phone" maxlength="11" data-label="연락처" /> <input type="text" name="phone" id="phone" maxlength="11" data-label="연락처" />
<label for="phone" class="label">연락처</label>
<!-- <input type="radio" name="reqTy" id="reqTy01" vaLUE="01" DISABLED="DISABLED"/><LABEL FOR="REQTY01">권리자</LABEL> --> <!-- <input type="radio" name="reqTy" id="reqTy01" vaLUE="01" DISABLED="DISABLED"/><LABEL FOR="REQTY01">권리자</LABEL> -->
<!-- <INPUT TYPE="RADIO" NAME="REQTY" ID="REQTY02" VAlue="02" disabled="disabled"/><label for="reqTy02">이용자</label> --> <!-- <INPUT TYPE="RADIO" NAME="REQTY" ID="REQTY02" VAlue="02" disabled="disabled"/><label for="reqTy02">이용자</label> -->
@ -270,7 +271,7 @@
</tr> </tr>
<tr class="tr_visit"> <tr class="tr_visit">
<th> <th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p> <p class="req_text"><span>필수입력 항목</span>*</p>
<p>예약일시</p> <p>예약일시</p>
</th> </th>
@ -312,6 +313,7 @@
직권결정문송달 및 확정증명원 직권결정문송달 및 확정증명원
조정신청서 및 첨부서류(본인 제출서류에 한함) 조정신청서 및 첨부서류(본인 제출서류에 한함)
--> -->
<label for="docuTy" class="label">서류종류 선택</label>
<kc:select codeId="CC601" name="docuTy" id="docuTy" css="style='margin-left: 10px; width: 410px;'"/> <kc:select codeId="CC601" name="docuTy" id="docuTy" css="style='margin-left: 10px; width: 410px;'"/>
</div> </div>
</td> </td>
@ -334,6 +336,7 @@
</th> </th>
<td> <td>
<div class="radio_wrap"> <div class="radio_wrap">
<label for="reqDetails" class="label">발급용도 입력</label>
<textarea name="reqDetails" id="reqDetails" cols="30" rows="5" cssclass="purpose_text" data-label="발급용도" ></textarea> <textarea name="reqDetails" id="reqDetails" cols="30" rows="5" cssclass="purpose_text" data-label="발급용도" ></textarea>
</div> </div>
</td> </td>

View File

@ -73,7 +73,7 @@
<button type="button" class="btnType07" onclick="fncGoList(); return false;">검색</button> <button type="button" class="btnType07" onclick="fncGoList(); return false;">검색</button>
</div> </div>
<table class="popup_list"> <table class="popup_list popup_tbType01">
<caption>피신청인 이전작성 목록 : 피신청인, 저작물 종류, 선택등의 정보제공</caption> <caption>피신청인 이전작성 목록 : 피신청인, 저작물 종류, 선택등의 정보제공</caption>
<colgroup> <colgroup>
<col style="width: 10%;"> <col style="width: 10%;">

View File

@ -325,7 +325,7 @@
<p>연락처</p> <p>연락처</p>
</th> </th>
<td> <td>
<label for="rpplPhone1" class="label">핸드폰 앞자리 입력</label> <!-- <label for="rpplPhone1" class="label">핸드폰 앞자리 입력</label> -->
<label for="rpplPhone1${status.index}" class="label">핸드폰 앞자리 입력</label> <label for="rpplPhone1${status.index}" class="label">핸드폰 앞자리 입력</label>
<form:input path="rpplPhone1" id="rpplPhone1${status.index}" onkeyup="onlyNumber(this)" size="15" cssClass="input_phone" placeholder="연락처 입력" maxlength="3" value=""/> <form:input path="rpplPhone1" id="rpplPhone1${status.index}" onkeyup="onlyNumber(this)" size="15" cssClass="input_phone" placeholder="연락처 입력" maxlength="3" value=""/>
-<label for="rpplPhone2" class="label">핸드폰 가운데자리 선택</label> -<label for="rpplPhone2" class="label">핸드폰 가운데자리 선택</label>

View File

@ -23,6 +23,7 @@
<style> <style>
.today_close label{position: relative;} .today_close label{position: relative;}
.baro_cont [readonly="readonly"]{background:#666;}
</style> </style>
<script src="/kccadrPb/usr/script/swiper.min.js" defer="defer"></script> <script src="/kccadrPb/usr/script/swiper.min.js" defer="defer"></script>
@ -302,7 +303,7 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
전자조정시스템 접수 사건 : 온라인 신청, 우편 발급 전자조정시스템 접수 사건 : 온라인 신청, 우편 발급
</p> </p>
</a> </a>
<button type="button" onclick="location.href='<c:out value='${docIssReqList}'/>'" disabled="disabled">서비스 준비중</button> <button type="button" onclick="location.href='<c:out value='${docIssReqList}'/>'" readonly="readonly" style="pointer-events:none;">서비스 준비중</button>
</div> </div>
</div> </div>
</li> </li>

File diff suppressed because one or more lines are too long

View File

@ -60,7 +60,7 @@
.hover_content_wrap {position:relative;width: 100%;} .hover_content_wrap {position:relative;width: 100%;}
.hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;} .hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;}
.hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;} .hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;}
.hover_content_wrap:hover .hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;} .hover_content_wrap:hover .hover_content_box,.hover_content_wrap:focus-within button+.hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;}
/* //서브 공통 */ /* //서브 공통 */
/* 로그인 */ /* 로그인 */

View File

@ -35,8 +35,8 @@ input::placeholder,input[type="text"]::placeholder,input[type="password"]::place
input[type="text"]:focus::placeholder,input[type="password"]:focus::placeholder{color: transparent;} input[type="text"]:focus::placeholder,input[type="password"]:focus::placeholder{color: transparent;}
input:disabled,input[disabled="disabled"],input:read-only,input[readonly="readonly"]{background-color: #eee !important; color: #aaa !important; font-size: 16px;} input:disabled,input[disabled="disabled"],input:read-only,input[readonly="readonly"]{background-color: #eee !important; color: #aaa !important; font-size: 16px;}
button:disabled,button[disabled="disabled"]{background-color: #eee !important; color: #aaa !important; border: none !important;} button:disabled,button[disabled="disabled"]{background-color: #eee !important; color: #777 !important; border: none !important;}
select:disabled,select[disabled="disabled"]{background-color: #eee !important; color: #aaa !important; border: none !important;} select:disabled,select[disabled="disabled"]{background-color: #eee !important; color: #777 !important; border: none !important;}
/* a:hover, a:active,a:hover:active { outline: none; } /* a:hover, a:active,a:hover:active { outline: none; }
a:focus:not(:focus) {outline: none;} a:focus:not(:focus) {outline: none;}

View File

@ -87,11 +87,24 @@ $(document).ready(function () {
if($("html").width()<1541){ if($("html").width()<1541){
if($(".quick_menu_wrap").is(".on")==true){ if($(".quick_menu_wrap").is(".on")==true){
$(".quick_menu_wrap").removeClass("on"); $(".quick_menu_wrap").removeClass("on");
$(this).attr("title","퀵메뉴 열기");
}else{ }else{
$(".quick_menu_wrap").addClass("on"); $(".quick_menu_wrap").addClass("on");
$(this).attr("title","퀵메뉴 닫기");
} }
}else{
$(this).removeAttr("title")
} }
}) });
$(".quick_li:last-child").keydown(function (e) {
if (e.keyCode == "9") {
if (e.shiftKey) {}
else {
$(".quick_menu_wrap").removeClass("on");
}
} else {}
});
}); });
/* 화면 리사이즈 시 */ /* 화면 리사이즈 시 */

View File

@ -1 +1 @@
function header(){var e=$("#menu .depth01_li").length;$("#menu .depth01").addClass("dep_li_0"+e);var n=$("#menu"),s=$("header");function i(e){var n=e.closest(".depth01_li");s.addClass("on"),n.addClass("on")}n.find(".menu_link").on("mouseover",function(){i($(this))}),n.find(".depth01_li").on("mouseover",function(){$(this).addClass("on").siblings().removeClass("on")}),n.find(".menu_link").on("focusin",function(){i($(this))}),n.find("a").on("focusin",function(){i($(this))}),n.find(".depth01_li").on("focusin",function(){$(this).addClass("on").siblings().removeClass("on")}),s.on("mouseleave",function(){s.removeClass("on"),$(".depth01_li").removeClass("on")}),$("#menu .depth01_li:last-child .depth02 li:last-child").on("focusout",function(){s.removeClass("on"),$("#menu .depth01_li").removeClass("on")}),$(".full_menu .btn_close").keydown(function(e){"9"==e.keyCode&&(e.shiftKey||$(".full_menu").removeClass("on"))}),$("#m_menu .depth02 li:last-child a").keydown(function(e){"9"==e.keyCode&&(e.shiftKey||($("#m_menu .depth01_li").removeClass("on"),$("#m_menu .depth01_li").css("height","60px")))})}function ie_check(){return"Netscape"==navigator.appName&&-1!=navigator.userAgent.search("Trident")||"M"==navigator.appName.charAt(0)}$(document).ready(function(){header(),$("header .logo a").focus(function(){$("header").removeClass("on"),$(".depth01_li").removeClass("on")});var e=$("#main");"1"==e.length||$(".contGo").attr("href","#sub"),$(".contGo").click(function(){"1"==e.length?$("#first").focus():$("#sub").focus()}),$(".btn_menu").click(function(){$("body").width()>1024?$(".full_menu").addClass("on"):$("#m_menu").addClass("on")}),$(".full_menu .btn_close").click(function(){$(".full_menu").removeClass("on")}),$("#m_menu .btn_close").click(function(){$("#m_menu").removeClass("on"),$("#m_menu .depth01_li").css("height","60px")}),$("#m_menu .depth01_li").click(function(){if(!1==$(this).is(".on")){var e=$(this).children(".depth02").children("li").length,n=$(this).height();$(this).addClass("on"),$(this).children(".menu_tit").attr("title","소메뉴 닫기"),$(this).siblings().css("height","60px"),$(this).siblings().removeClass("on"),$(this).siblings().children(".menu_tit").attr("title","소메뉴 열기"),n=50*e+60,$(this).css("height",n)}else $(this).removeClass("on"),$(this).children(".menu_tit").attr("title","소메뉴 열기"),$(this).css("height","60px"),$(this).siblings().removeClass("on")}),$("input[readonly='']").addClass("read-only"),$(".quick_title").on("click",function(){1541>$("html").width()&&(!0==$(".quick_menu_wrap").is(".on")?$(".quick_menu_wrap").removeClass("on"):$(".quick_menu_wrap").addClass("on"))})}),$(window).resize(function(){$("body").width()>1024?($(".btn_menu").attr("title","전체메뉴 열기"),$("#m_menu").removeClass("on")):($(".btn_menu").attr("title","모바일메뉴 열기"),$(".full_menu").removeClass("on")),$(".quick_menu_wrap").removeClass("on")}); function header(){var e=$("#menu .depth01_li").length;$("#menu .depth01").addClass("dep_li_0"+e);var n=$("#menu"),s=$("header");function i(e){var n=e.closest(".depth01_li");s.addClass("on"),n.addClass("on")}n.find(".menu_link").on("mouseover",function(){i($(this))}),n.find(".depth01_li").on("mouseover",function(){$(this).addClass("on").siblings().removeClass("on")}),n.find(".menu_link").on("focusin",function(){i($(this))}),n.find("a").on("focusin",function(){i($(this))}),n.find(".depth01_li").on("focusin",function(){$(this).addClass("on").siblings().removeClass("on")}),s.on("mouseleave",function(){s.removeClass("on"),$(".depth01_li").removeClass("on")}),$("#menu .depth01_li:last-child .depth02 li:last-child").on("focusout",function(){s.removeClass("on"),$("#menu .depth01_li").removeClass("on")}),$(".full_menu .btn_close").keydown(function(e){"9"==e.keyCode&&(e.shiftKey||$(".full_menu").removeClass("on"))}),$("#m_menu .depth02 li:last-child a").keydown(function(e){"9"==e.keyCode&&(e.shiftKey||($("#m_menu .depth01_li").removeClass("on"),$("#m_menu .depth01_li").css("height","60px")))})}function ie_check(){return"Netscape"==navigator.appName&&-1!=navigator.userAgent.search("Trident")||"M"==navigator.appName.charAt(0)}$(document).ready(function(){header(),$("header .logo a").focus(function(){$("header").removeClass("on"),$(".depth01_li").removeClass("on")});var e=$("#main");"1"==e.length||$(".contGo").attr("href","#sub"),$(".contGo").click(function(){"1"==e.length?$("#first").focus():$("#sub").focus()}),$(".btn_menu").click(function(){$("body").width()>1024?$(".full_menu").addClass("on"):$("#m_menu").addClass("on")}),$(".full_menu .btn_close").click(function(){$(".full_menu").removeClass("on")}),$("#m_menu .btn_close").click(function(){$("#m_menu").removeClass("on"),$("#m_menu .depth01_li").css("height","60px")}),$("#m_menu .depth01_li").click(function(){if(!1==$(this).is(".on")){var e=$(this).children(".depth02").children("li").length,n=$(this).height();$(this).addClass("on"),$(this).children(".menu_tit").attr("title","소메뉴 닫기"),$(this).siblings().css("height","60px"),$(this).siblings().removeClass("on"),$(this).siblings().children(".menu_tit").attr("title","소메뉴 열기"),n=50*e+60,$(this).css("height",n)}else $(this).removeClass("on"),$(this).children(".menu_tit").attr("title","소메뉴 열기"),$(this).css("height","60px"),$(this).siblings().removeClass("on")}),$("input[readonly='']").addClass("read-only"),$(".quick_title").on("click",(function(){$("html").width()<1541?1==$(".quick_menu_wrap").is(".on")?($(".quick_menu_wrap").removeClass("on"),$(this).attr("title","퀵메뉴 열기")):($(".quick_menu_wrap").addClass("on"),$(this).attr("title","퀵메뉴 닫기")):$(this).removeAttr("title")})),$(".quick_li:last-child").keydown((function(t){"9"==t.keyCode&&(t.shiftKey||$(".quick_menu_wrap").removeClass("on"))}));}),$(window).resize(function(){$("body").width()>1024?($(".btn_menu").attr("title","전체메뉴 열기"),$("#m_menu").removeClass("on")):($(".btn_menu").attr("title","모바일메뉴 열기"),$(".full_menu").removeClass("on")),$(".quick_menu_wrap").removeClass("on")});

View File

@ -124,12 +124,19 @@ $(document).ready(function () {
$(".tab").click(function () { $(".tab").click(function () {
var tabIdx = $(this).index(); var tabIdx = $(this).index();
$(this).addClass("on"); if($(this).parent().is(".tab_li")){
$(this).siblings().removeClass("on"); $(this).parent().addClass("on");
$(this).attr("title","선택됨"); $(this).attr("title","선택됨");
$(this).siblings().attr("title","");; $(this).parent().siblings().find(".tab").removeAttr("title");
$(this).parent().siblings(".tab_cont").eq(tabIdx).addClass("on"); }else{
$(this).parent().siblings(".tab_cont").eq(tabIdx).siblings().removeClass("on"); $(this).addClass("on");
$(this).siblings().removeClass("on");
$(this).attr("title","선택됨");
$(this).siblings().attr("title","");;
$(this).parent().siblings(".tab_cont").eq(tabIdx).addClass("on");
$(this).parent().siblings(".tab_cont").eq(tabIdx).siblings().removeClass("on");
}
}); });
/* table sort 버튼 */ /* table sort 버튼 */

View File

@ -100,58 +100,76 @@ function popupboardCaptionToggle(){
var subTit = $(".tb_tit_wrap p").text(); var subTit = $(".tb_tit_wrap p").text();
var itmText = ""; var itmText = "";
$(".popup_tbType01").each(function(idx,tb){ $(".popup_tbType01").each(function(idx,tb){
var thLength = $(tb).find("tbody>tr>th").length; if($(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="조정관련 민원서식 다운로드" || $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="종결 조정사건 목록" ){
$(tb).find("tbody>tr>th").each(function(index,item){ var title = $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text();
itmText += $(item).text(); var thLength = $(tb).find("thead>tr>th").length;
if (index === thLength - 1) { $(tb).find("caption").remove();
//마지막 th일 경우 - ,가 들어가면 안됨. $(tb).find("thead>tr>th").each(function(index,item){
itmText; itmText += $(item).text();
} else { if (index === thLength - 1) {
itmText += ", "; //마지막 th일 경우 - ,가 들어가면 안됨.
} itmText;
}); } else {
itmText += ", ";
if($(tb).prev(".tb_tit_wrap").length == 1){ }
// title에 div로 감싸져있는 경우 });
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보제공");
}
}else if($(tb).prev(".cont_tit02").length == 1){
var subTit2 = $(tb).prev(".cont_tit02").text();
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+subTit2 + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보제공");
}
}else if($(tb).prev(".tb_tit_wrap").length == 0 && $(tb).prev(".cont_tit02").length == 0){
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(itmText + "등의 정보제공");
}
}else{}
/*if($(tb).prev(".tb_tit_wrap").length == 1){
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보제공");
}
}else{
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보제공");
}
}*/ $(tb).prepend("<caption>"+title+" : "+itmText + "등의 정보제공</caption>");
}else{
var thLength = $(tb).find("tbody>tr>th").length;
$(tb).find("tbody>tr>th").each(function(index,item){
itmText += $(item).text();
if (index === thLength - 1) {
//마지막 th일 경우 - ,가 들어가면 안됨.
itmText;
} else {
itmText += ", ";
}
});
if($(tb).prev(".tb_tit_wrap").length == 1){
// title에 div로 감싸져있는 경우
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보제공");
}
}else if($(tb).prev(".cont_tit02").length == 1){
var subTit2 = $(tb).prev(".cont_tit02").text();
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+subTit2 + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보제공");
}
}else if($(tb).prev(".tb_tit_wrap").length == 0 && $(tb).prev(".cont_tit02").length == 0){
if($(tb).children("caption").length == 0){
// caption 없을 경우
$(tb).prepend("<caption>"+itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(itmText + "등의 정보제공");
}
}else{}
/*if($(tb).prev(".tb_tit_wrap").length == 1){
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit2 + " : " + itmText + "등의 정보제공");
}
}else{
if($(tb).children("caption").length == 0){
$(tb).prepend("<caption>"+subTit + " : " + itmText + "등의 정보제공</caption>");
}else{
$(tb).children("caption").text(subTit + " : " + itmText + "등의 정보제공");
}
}*/
itmText = "";
}
itmText = "";
}); });
} else { } else {
$(".tbType01 caption").remove(); $(".tbType01 caption").remove();