fix: css 경로 fix

main
minuk926 2 years ago
parent af1fdb8279
commit 23cd8163e8

@ -6,11 +6,11 @@
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %> <%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<link href="<c:url value='/resources/framework/css/cmmn/common-style.css'/>" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="<c:url value="/_anonymous_/login/validator.do"/>"></script> <script type="text/javascript" src="<c:url value="/_anonymous_/login/validator.do"/>"></script>
<validator:javascript formName="userManageVO" staticJavascript="false" xhtml="true" cdata="false"/> <validator:javascript formName="userManageVO" staticJavascript="false" xhtml="true" cdata="false"/>
<script type="text/javascript" src="<c:url value='/resources/framework/js/egov/EgovZipPopup.js' />" ></script> <script type="text/javascript" src="<c:url value='/resources/framework/js/egov/EgovZipPopup.js' />" ></script>
<script type="text/javaScript" language="javascript" defer="defer"> <script type="text/javaScript">
function fnIdCheck(){ function fnIdCheck(){
var retVal; var retVal;
var url = "<c:url value='/_anonymous_/login/IdDuplCnfirm.do'/>"; var url = "<c:url value='/_anonymous_/login/IdDuplCnfirm.do'/>";
@ -121,6 +121,7 @@ table {
<div id="search_field" > <div id="search_field" >
<div id="search_field_loc"><h2><strong>업무사용자 등록</strong></h2></div> <div id="search_field_loc"><h2><strong>업무사용자 등록</strong></h2></div>
</div> </div>
<%--@elvariable id="userManageVO" type=""--%>
<form:form commandName="userManageVO" action="${pageContext.request.contextPath}/_anonymous_/login/UserReg_insert_proc.do" name="userManageVO" method="post" > <form:form commandName="userManageVO" action="${pageContext.request.contextPath}/_anonymous_/login/UserReg_insert_proc.do" name="userManageVO" method="post" >
<!-- 우편번호검색 --> <!-- 우편번호검색 -->
<input type="hidden" name="zip_url" value="<c:url value='/_cmmn_/popup/ZipSearchList.do'/>" /> <input type="hidden" name="zip_url" value="<c:url value='/_cmmn_/popup/ZipSearchList.do'/>" />
@ -128,8 +129,8 @@ table {
<div class="modify_user"> <div class="modify_user">
<table class="tbl02"> <table class="tbl02">
<tr> <tr>
<th width="15%" height="23" class="required">사용자아이디 <th width="15%" height="23" class="required">
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>사용자아이디</label>
</th> </th>
<td width="35%" > <td width="35%" >
<input type="text" size="20" maxlength="20" disabled="disabled" id="id_view" name="id_view" style="width: 60%"> <input type="text" size="20" maxlength="20" disabled="disabled" id="id_view" name="id_view" style="width: 60%">
@ -140,7 +141,9 @@ table {
</a> </a>
<form:errors path="emplyrId" cssClass="error"/> <form:errors path="emplyrId" cssClass="error"/>
</td> </td>
<th width="15%" height="23" class="required">핸드폰번호&nbsp;&nbsp;</th> <th width="15%" height="23" class="required">
<label>핸드폰번호&nbsp</label>
</th>
<td width="35%" > <td width="35%" >
<form:input path="moblphonNo" id="moblphonNo" title="핸드폰번호" cssClass="txaIpt" size="20" maxlength="15" /> <form:input path="moblphonNo" id="moblphonNo" title="핸드폰번호" cssClass="txaIpt" size="20" maxlength="15" />
<form:errors path="moblphonNo" cssClass="error" /> <form:errors path="moblphonNo" cssClass="error" />
@ -148,15 +151,15 @@ table {
</tr> </tr>
<tr> <tr>
<th width="15%" height="23" class="required" >비밀번호 <th width="15%" height="23" class="required">
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>비밀번호</label>
</th> </th>
<td width="35%" > <td width="35%" >
<form:password path="password" id="password" title="비밀번호" size="20" maxlength="20" /> <form:password path="password" id="password" title="비밀번호" size="20" maxlength="20" />
<form:errors path="password" cssClass="error" /> <form:errors path="password" cssClass="error" />
</td> </td>
<th width="15%" height="23" class="required" >비밀번호확인 <th width="15%" height="23" class="required" >
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>비밀번호확인</label>
</th> </th>
<td width="35%" > <td width="35%" >
<input name="password2" id="password2" title="비밀번호확인" type="password" size="20" maxlength="20" /> <input name="password2" id="password2" title="비밀번호확인" type="password" size="20" maxlength="20" />
@ -164,8 +167,8 @@ table {
</tr> </tr>
<tr> <tr>
<th width="15%" height="23" class="required" >비밀번호힌트 <th width="15%" height="23" class="required">
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>비밀번호힌트</label>
</th> </th>
<td width="35%" > <td width="35%" >
<form:select path="passwordHint" id="passwordHint" title="비밀번호힌트"> <form:select path="passwordHint" id="passwordHint" title="비밀번호힌트">
@ -174,8 +177,8 @@ table {
</form:select> </form:select>
<form:errors path="passwordHint" cssClass="error"/> <form:errors path="passwordHint" cssClass="error"/>
</td> </td>
<th width="15%" height="23" class="required" >비밀번호정답 <th width="15%" height="23" class="required">
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>비밀번호정답</label>
</th> </th>
<td width="35%" > <td width="35%" >
<form:input path="passwordCnsr" id="passwordCnsr" title="비밀번호정답" cssClass="txaIpt" size="50" maxlength="100" /> <form:input path="passwordCnsr" id="passwordCnsr" title="비밀번호정답" cssClass="txaIpt" size="50" maxlength="100" />
@ -184,14 +187,16 @@ table {
</tr> </tr>
<tr> <tr>
<th width="20%" height="23" class="required">이름 <th width="20%" height="23" class="required">
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>이름</label>
</th> </th>
<td width="30%" > <td width="30%" >
<input name="emplyrNm" id="emplyrNm" title="사용자이름" type="text" size="20" value="" maxlength="60" /> <input name="emplyrNm" id="emplyrNm" title="사용자이름" type="text" size="20" value="" maxlength="60" />
<form:errors path="emplyrNm" cssClass="error" /> <form:errors path="emplyrNm" cssClass="error" />
</td> </td>
<th width="20%" height="23" class="required">소속기관</th> <th width="20%" height="23" class="required">
<label>소속기관</label>
</th>
<td width="30%" > <td width="30%" >
<form:select path="insttCode" id="insttCode" title="소속기관"> <form:select path="insttCode" id="insttCode" title="소속기관">
<form:option value="" label="--선택하세요--"/> <form:option value="" label="--선택하세요--"/>
@ -202,8 +207,8 @@ table {
</tr> </tr>
<tr> <tr>
<th width="20%" height="23" class="required">조직코드 <th width="20%" height="23" class="required">
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>조직코드</label>
</th> </th>
<td width="30%" > <td width="30%" >
<form:select path="orgnztId" id="orgnztId" title="부서"> <form:select path="orgnztId" id="orgnztId" title="부서">
@ -212,7 +217,9 @@ table {
</form:select> </form:select>
<form:errors path="orgnztId" cssClass="error"/> <form:errors path="orgnztId" cssClass="error"/>
</td> </td>
<th width="20%" height="23" class="required" >직위명</th> <th width="20%" height="23" class="required">
<label>직위명</label>
</th>
<td width="30%" > <td width="30%" >
<form:input path="ofcpsNm" id="ofcpsNm" title="직위명" cssClass="txaIpt" size="20" maxlength="30" /> <form:input path="ofcpsNm" id="ofcpsNm" title="직위명" cssClass="txaIpt" size="20" maxlength="30" />
<form:errors path="ofcpsNm" cssClass="error" /> <form:errors path="ofcpsNm" cssClass="error" />
@ -220,12 +227,15 @@ table {
</tr> </tr>
<tr> <tr>
<th width="20%" height="23" class="required">이메일주소</th> <th width="20%" height="23" class="required">
<label>이메일주소</label>
</th>
<td width="30%"> <td width="30%">
<form:input path="emailAdres" id="emailAdres" title="이메일주소" cssClass="txaIpt" size="20" maxlength="50" /> <form:input path="emailAdres" id="emailAdres" title="이메일주소" cssClass="txaIpt" size="20" maxlength="50" />
<form:errors path="emailAdres" cssClass="error" /> <form:errors path="emailAdres" cssClass="error" />
</td> </td>
<th width="20%" height="23" class="required">집전화지역번호 <th width="20%" height="23" class="required">
<label>집전화지역번호</label>
</th> </th>
<td width="30%" > <td width="30%" >
<form:input path="areaNo" id="areaNo" title="areaNo" cssClass="txaIpt" size="5" maxlength="5" /> <form:input path="areaNo" id="areaNo" title="areaNo" cssClass="txaIpt" size="5" maxlength="5" />
@ -238,12 +248,16 @@ table {
</tr> </tr>
<tr> <tr>
<th width="20%" height="23" class="required">사무실전화번호</th> <th width="20%" height="23" class="required">
<label>사무실전화번호</label>
</th>
<td width="30%" > <td width="30%" >
<form:input path="offmTelno" id="offmTelno" title="사무실전화번호" cssClass="txaIpt" size="20" maxlength="15" /> <form:input path="offmTelno" id="offmTelno" title="사무실전화번호" cssClass="txaIpt" size="20" maxlength="15" />
<form:errors path="offmTelno" cssClass="error" /> <form:errors path="offmTelno" cssClass="error" />
</td> </td>
<th width="20%" height="23" class="required">팩스번호</th> <th width="20%" height="23" class="required">
<label>팩스번호</label>
</th>
<td width="30%" > <td width="30%" >
<form:input path="fxnum" id="fxnum" cssClass="txaIpt" title="팩스번호" size="20" maxlength="15" /> <form:input path="fxnum" id="fxnum" cssClass="txaIpt" title="팩스번호" size="20" maxlength="15" />
<form:errors path="fxnum" cssClass="error" /> <form:errors path="fxnum" cssClass="error" />
@ -251,7 +265,9 @@ table {
</tr> </tr>
<tr> <tr>
<th width="20%" height="23" class="required">주소</th> <th width="20%" height="23" class="required">
<label>주소</label>
</th>
<td width="30%" > <td width="30%" >
<form:input path="homeadres" id="homeadres" title="주소" cssClass="txaIpt" size="40" maxlength="100" readonly="true" cssStyle="width: 60%"/> <form:input path="homeadres" id="homeadres" title="주소" cssClass="txaIpt" size="40" maxlength="100" readonly="true" cssStyle="width: 60%"/>
<form:errors path="homeadres" cssClass="error" /> <form:errors path="homeadres" cssClass="error" />
@ -263,7 +279,9 @@ table {
<form:errors path="zip" cssClass="error" /> <form:errors path="zip" cssClass="error" />
<input name="zip_view" id="zip_view" type="hidden" title="우편번호" size="20" value="<c:out value='${userManageVO.zip}'/>" maxlength="8" readonly="readonly" /> <input name="zip_view" id="zip_view" type="hidden" title="우편번호" size="20" value="<c:out value='${userManageVO.zip}'/>" maxlength="8" readonly="readonly" />
</td> </td>
<th width="20%" height="23" class="required" >상세주소</th> <th width="20%" height="23" class="required" >
<label>상세주소</label>
</th>
<td width="30%" > <td width="30%" >
<form:input path="detailAdres" id="detailAdres" title="상세주소" cssClass="txaIpt" size="40" maxlength="50" /> <form:input path="detailAdres" id="detailAdres" title="상세주소" cssClass="txaIpt" size="40" maxlength="50" />
<form:errors path="detailAdres" cssClass="error" /> <form:errors path="detailAdres" cssClass="error" />
@ -271,8 +289,8 @@ table {
</tr> </tr>
<tr> <tr>
<th width="20%" height="23" class="required">그룹아이디 <th width="20%" height="23" class="required">
<img src="<c:url value='/'/>images/required.gif" width="15" height="15" alt="필수" /> <label>그룹아이디</label>
</th> </th>
<td colspan="3" width="30%"> <td colspan="3" width="30%">
<form:select path="groupId" id="groupId" title="그룹아이디"> <form:select path="groupId" id="groupId" title="그룹아이디">

@ -12,190 +12,9 @@
<head> <head>
<meta http-equiv="Content-Language" content="ko" > <meta http-equiv="Content-Language" content="ko" >
<title>로그인</title> <title>로그인</title>
<link href="<c:url value='/'/>resources/css/common.css" rel="stylesheet" type="text/css" > <link href="<c:url value='/'/>resources/framework/css/common.css" rel="stylesheet" type="text/css" >
<link href="<c:url value='/'/>resources/css/login.css" rel="stylesheet" type="text/css" > <link href="<c:url value='/'/>resources/framework/css/login.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="<c:url value='/'/>resources/3rd-party/jquery/3.6.1/jquery.min.js"></script>
<%-- <link href="<c:url value='/'/>resourcescss/style.css" rel="stylesheet" type="text/css" > --%>
<script type="text/javascript">
/**
* 로그인
*/
function actionLogin() {
if (document.loginForm.id.value =="") {
alert("아이디를 입력하세요");
return false;
} else if (document.loginForm.password.value =="") {
alert("비밀번호를 입력하세요");
return false;
} else {
document.loginForm.action="<c:url value='/login/actionSecurityLogin.do'/>";
//document.loginForm.j_username.value = document.loginForm.userSe.value + document.loginForm.username.value;
//document.loginForm.action="<c:url value='/j_spring_security_check'/>";
document.loginForm.submit();
}
}
/**
* 쿠키 설정
*/
function setCookie (name, value, expires) {
document.cookie = name + "=" + escape (value) + "; path=/; expires=" + expires.toGMTString();
}
/**
* 쿠키 조회
* -쿠키에 저장된 목록을 조회 한다.
*/
function getCookie(Name) {
var search = Name + "="
if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
offset = document.cookie.indexOf(search)
if (offset != -1) { // 쿠키가 존재하면
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset)
// 쿠키 값의 마지막 위치 인덱스 번호 설정
if (end == -1)
end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
}
return "";
}
/**
* 쿠키에 ID 저장or제거
* -"로그인ID 저장여부"를 check 시 일정기간동안 쿠키에 ID를 저장 한다.
* -"로그인ID 저장여부"를 uncheck 시 쿠키에 저장된 ID를 삭제 한다.
*/
function saveid(form) {
var expdate = new Date();
// 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
if (form.checkId.checked)
expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
else
expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
setCookie("saveid", form.id.value, expdate);
}
/**
* 쿠키에 저장된 ID 취득
* -저장된 ID가 존재할 경우 "로그인ID 저장여부"항목을 check 설정 한다.
*/
function getid(form) {
form.checkId.checked = ((form.id.value = getCookie("saveid")) != "");
}
function fnInit() {
var message = document.loginForm.message.value;
if (message != "") {
alert(message);
}
// getid(document.loginForm);
$('#id').focus();
CaptchaUtil.init();
}
/**
* 회원가입 팝업
*/
function fnReg(){
var popUrl ="${ctx}/_anonymous_/login/UserReg_input.do";
var popOption = "width=840px, height=500px, resizable=no, scrollbars=yes, location=no, top=100px, left=100px";
var target = '사용자등록';
window.open(popUrl,target,popOption);
}
/**
* 아이디 찾기 팝업
*/
function fn_FindId(){
var popUrl = "${ctx}/login/FindId_input_popup.do";
var popOption = "width=500px, height=300x, resizable=no, location=no, top=100px, left100px";
var target = '아이디 찾기';
window.open(popUrl,target,popOption);
}
/**
* 비밀번호 찾기 팝업
*/
function fn_FindPw(){
var popUrl = "${ctx}/login/FindPwd_input_popup.do";
var popOption = "width=500px, height=330px, resizable=no, location=no, top=100px, left100px";
var target = '비밀번호 찾기';
window.open(popUrl,target,popOption);
}
/**
* 캡차 인증 도구
* @date 2020.09.22.
* @author 박민규
*/
var CaptchaUtil = {
init: function(){
//캡차인증 이미지 출력
CaptchaUtil.refresh();
//새로고침 버튼 EventListener 설정
$('#btn_captchaRefresh').on({
click: function(){
CaptchaUtil.refresh();
return false;
}
});
//자동로그인방지문자 입력란 EventListener 설정
$('#captcha').on({
keypress: function(){
if(event.keyCode==13){
actionLogin();
return false;
}
},
keyup: function(){
this.value = this.value.toLowerCase();
}
});
},
refresh: function(){
/* ==============================
* 2020.09.22 박민규
* IE 동작이슈 처리
* -사유: 크롬에서 정상동작 하나 IE에서 img 태그에 이미지가 출력된 상태에서
* document.querySelector('#captchaImg').setAttribute('src', url)를 호출해도 이벤트가 발생하지 않음.
* -해결: 이미지 태그의 src(이미지 경로)를 제거 후 timeout을 이용하여 일정시간 후 document.querySelector('#captchaImg').setAttribute('src', url) 호출
============================== */
//2020.09.22 주석처리
// var url = '<c:url value="/_anonymous_/captcha.do"/>';
// document.querySelector('#captchaImg').setAttribute('src', url);
var url = '<c:url value="/_anonymous_/captcha.do"/>';
// IE old version ( IE 10 or Lower )
if ( navigator.appName == "Microsoft Internet Explorer" ){
document.querySelector('#captchaImg').removeAttribute('src');
setTimeout(function(){
document.querySelector('#captchaImg').setAttribute('src', url);
}, 20);
}
// 그 외 브라우저
else{
document.querySelector('#captchaImg').setAttribute('src', url);
}
}
}
</script>
<style type="text/css"> <style type="text/css">
.captcha_wrap { .captcha_wrap {
margin-top: 10px; margin-top: 10px;
@ -256,5 +75,187 @@ var CaptchaUtil = {
</div> </div>
</div> </div>
</div> </div>
<script type="text/javascript" src="<c:url value='/'/>resources/3rd-party/jquery/3.6.1/jquery.min.js"></script>
<%-- <link href="<c:url value='/'/>resourcescss/style.css" rel="stylesheet" type="text/css" > --%>
<script type="text/javascript">
/**
* 로그인
*/
function actionLogin() {
if (document.loginForm.id.value =="") {
alert("아이디를 입력하세요");
return false;
} else if (document.loginForm.password.value =="") {
alert("비밀번호를 입력하세요");
return false;
} else {
document.loginForm.action="<c:url value='/login/actionSecurityLogin.do'/>";
//document.loginForm.j_username.value = document.loginForm.userSe.value + document.loginForm.username.value;
//document.loginForm.action="<c:url value='/j_spring_security_check'/>";
document.loginForm.submit();
}
}
/**
* 쿠키 설정
*/
function setCookie (name, value, expires) {
document.cookie = name + "=" + escape (value) + "; path=/; expires=" + expires.toGMTString();
}
/**
* 쿠키 조회
* -쿠키에 저장된 목록을 조회 한다.
*/
function getCookie(Name) {
var search = Name + "="
if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
offset = document.cookie.indexOf(search)
if (offset != -1) { // 쿠키가 존재하면
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset)
// 쿠키 값의 마지막 위치 인덱스 번호 설정
if (end == -1)
end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
}
return "";
}
/**
* 쿠키에 ID 저장or제거
* -"로그인ID 저장여부"를 check 시 일정기간동안 쿠키에 ID를 저장 한다.
* -"로그인ID 저장여부"를 uncheck 시 쿠키에 저장된 ID를 삭제 한다.
*/
function saveid(form) {
var expdate = new Date();
// 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
if (form.checkId.checked)
expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
else
expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
setCookie("saveid", form.id.value, expdate);
}
/**
* 쿠키에 저장된 ID 취득
* -저장된 ID가 존재할 경우 "로그인ID 저장여부"항목을 check 설정 한다.
*/
function getid(form) {
form.checkId.checked = ((form.id.value = getCookie("saveid")) != "");
}
function fnInit() {
var message = document.loginForm.message.value;
if (message != "") {
alert(message);
}
// getid(document.loginForm);
$('#id').focus();
CaptchaUtil.init();
}
/**
* 회원가입 팝업
*/
function fnReg(){
var popUrl ="${ctx}/_anonymous_/login/UserReg_input.do";
var popOption = "width=840px, height=500px, resizable=no, scrollbars=yes, location=no, top=100px, left=100px";
var target = '사용자등록';
window.open(popUrl,target,popOption);
}
/**
* 아이디 찾기 팝업
*/
function fn_FindId(){
var popUrl = "${ctx}/login/FindId_input_popup.do";
var popOption = "width=500px, height=300x, resizable=no, location=no, top=100px, left100px";
var target = '아이디 찾기';
window.open(popUrl,target,popOption);
}
/**
* 비밀번호 찾기 팝업
*/
function fn_FindPw(){
var popUrl = "${ctx}/login/FindPwd_input_popup.do";
var popOption = "width=500px, height=330px, resizable=no, location=no, top=100px, left100px";
var target = '비밀번호 찾기';
window.open(popUrl,target,popOption);
}
/**
* 캡차 인증 도구
* @date 2020.09.22.
* @author 박민규
*/
var CaptchaUtil = {
init: function(){
//캡차인증 이미지 출력
CaptchaUtil.refresh();
//새로고침 버튼 EventListener 설정
$('#btn_captchaRefresh').on({
click: function(){
CaptchaUtil.refresh();
return false;
}
});
//자동로그인방지문자 입력란 EventListener 설정
$('#captcha').on({
keypress: function(){
if(event.keyCode==13){
actionLogin();
return false;
}
},
keyup: function(){
this.value = this.value.toLowerCase();
}
});
},
refresh: function(){
/* ==============================
* 2020.09.22 박민규
* IE 동작이슈 처리
* -사유: 크롬에서 정상동작 하나 IE에서 img 태그에 이미지가 출력된 상태에서
* document.querySelector('#captchaImg').setAttribute('src', url)를 호출해도 이벤트가 발생하지 않음.
* -해결: 이미지 태그의 src(이미지 경로)를 제거 후 timeout을 이용하여 일정시간 후 document.querySelector('#captchaImg').setAttribute('src', url) 호출
============================== */
//2020.09.22 주석처리
// var url = '<c:url value="/_anonymous_/captcha.do"/>';
// document.querySelector('#captchaImg').setAttribute('src', url);
var url = '<c:url value="/_anonymous_/captcha.do"/>';
// IE old version ( IE 10 or Lower )
if ( navigator.appName == "Microsoft Internet Explorer" ){
document.querySelector('#captchaImg').removeAttribute('src');
setTimeout(function(){
document.querySelector('#captchaImg').setAttribute('src', url);
}, 20);
}
// 그 외 브라우저
else{
document.querySelector('#captchaImg').setAttribute('src', url);
}
}
}
</script>
</body> </body>
</html> </html>

Loading…
Cancel
Save