최초 커밋
This commit is contained in:
root
@@ -0,0 +1,166 @@
|
||||
<script type="text/javascript" src="<?php echo G5_URL ?>/js/jquery-3.6.1.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="<?php echo G5_URL ?>/js/jquery.mousewheel.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo G5_URL ?>/js/common.js"></script>
|
||||
<script type="text/javascript" src="<?php echo G5_URL ?>/js/include.js"></script>
|
||||
<script type="text/javascript" src="<?php echo G5_URL ?>/js/popup.js?v=20260723"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
||||
|
||||
<!--popup_wrap-->
|
||||
<div id="pop_login" class="popup_wrap">
|
||||
<!--popup_in-->
|
||||
<div class="popup_in">
|
||||
<button class="btn_close">
|
||||
<div class="close_div"><img src="<?php echo G5_URL ?>/img/ico_close.svg" alt="sdi"></div>
|
||||
</button>
|
||||
<!--popup_container-->
|
||||
<div class="popup_container login">
|
||||
<!--popup_tit-->
|
||||
<div class="popup_tit">
|
||||
<h1 class="h_1">로그인</h1>
|
||||
<h3 class="h_3">
|
||||
EG-BIM 로그인 시<br><br class="brk"> <strong>1:1구매문의 및 제품안내 서비스</strong>를<br> 이용하실 수 있습니다.
|
||||
</h3>
|
||||
</div>
|
||||
<!--//popup_tit-->
|
||||
<!-- popup_contents_wrap -->
|
||||
<div class="popup_contents_wrap">
|
||||
<form id="flogin" name="flogin" action="<?php //echo $login_action_url?>" onsubmit="return flogin_submit(this);" method="post">
|
||||
<input type="hidden" name="url" value="<?php //echo $login_url?>">
|
||||
<div class="input_wrap id">
|
||||
<i class="id"></i><input type="text" name="mb_id" id="login_id" required class="id " placeholder="아이디">
|
||||
</div>
|
||||
<div class="input_wrap pw" style="position: relative;">
|
||||
<i class="pw"></i><input type="password" name="mb_password" id="login_pw" required class="pw " size="20" maxLength="20" placeholder="비밀번호" onkeyup="ufn_loginpw_onkeyup(this);">
|
||||
<!-- 👁 Font Awesome 아이콘 -->
|
||||
<i id="toggle_pw"
|
||||
class="fa-solid fa-eye"
|
||||
style="position:absolute; right:10px; top:50%;
|
||||
transform:translateY(-50%);
|
||||
cursor:pointer; color:#888;"></i>
|
||||
<!-- ✅ CapsLock 경고 (커서 오른쪽 표시용) -->
|
||||
<div id="capslock_hint"
|
||||
style="display:none;
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:-20px;
|
||||
font-size:13px;
|
||||
color:#f87171;
|
||||
pointer-events:none;
|
||||
animation:fadein 0.15s ease;">
|
||||
⚠️ Caps Lock이 켜져 있습니다.
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
|
||||
</style>
|
||||
<div class="join_btn_wrap">
|
||||
<button type="submit" id="btn_login">로그인</button>
|
||||
</div>
|
||||
<div class="btn_go">
|
||||
<div class="go_signup"><a href="javascript:agreement();"><span>회원가입</span><i class="arrow_r"></i></a></div>
|
||||
<div class="go_find"><a href="javascript:search();"><span>비밀번호 재설정</span><i class="arrow_r"></i></a></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- //popup_contents_wrap -->
|
||||
</div>
|
||||
<!--//popup_container-->
|
||||
</div>
|
||||
<!--//popup_in-->
|
||||
</div>
|
||||
<!--//popup_wrap-->
|
||||
|
||||
|
||||
<script>
|
||||
function ufn_loginpw_onkeyup(l_pw){
|
||||
var loginButton = document.getElementById('btn_login');
|
||||
if (!loginButton) {
|
||||
return;
|
||||
}
|
||||
|
||||
loginButton.disabled = !(l_pw && l_pw.value.length > 0);
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// (function () {
|
||||
// // 1) 공지 팝업 DOM이 없으면 생성
|
||||
// if (!document.getElementById('egbimNotice')) {
|
||||
// $('body').append(`
|
||||
// <div class="notice-backdrop" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;"></div>
|
||||
// <div class="notice-box" id="egbimNotice" style="display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;background:#103a2f;color:#fff;border-radius:14px;max-width:520px;width:92%;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:28px;">
|
||||
// <button class="notice-close" aria-label="닫기" style="position:absolute;right:10px;top:8px;border:none;background:transparent;color:#fff;font-size:24px;cursor:pointer;">×</button>
|
||||
// <h3 style="margin:0 0 10px;font-size:20px;font-weight:700;">공지사항</h3>
|
||||
// <p style="line-height:1.6;margin:0 0 18px;">
|
||||
// EG-BIM 프로그램 사용자 인증 신규 시스템 도입으로 인해<br>
|
||||
// 기존 회원분들께서는 <strong>재가입</strong> 해주시기 바랍니다.
|
||||
// </p>
|
||||
// <div class="notice-actions" style="display:flex;gap:8px;justify-content:flex-end;">
|
||||
// <button class="btn-ok" style="padding:10px 16px;border:none;border-radius:10px;background:#ffb02e;color:#111;cursor:pointer;font-weight:700;">확인</button>
|
||||
// </div>
|
||||
// </div>
|
||||
// `);
|
||||
// }
|
||||
|
||||
// // 팝업 열기/닫기
|
||||
// function openNotice(onConfirm) {
|
||||
// $('.notice-backdrop, #egbimNotice').fadeIn(120);
|
||||
// const close = () => {
|
||||
// $('#egbimNotice .btn-ok, #egbimNotice .notice-close').off('click');
|
||||
// $('.notice-backdrop, #egbimNotice').fadeOut(120);
|
||||
// };
|
||||
// $('#egbimNotice .notice-close').on('click', close);
|
||||
// $('#egbimNotice .btn-ok').on('click', function () {
|
||||
// close();
|
||||
// if (typeof onConfirm === 'function') onConfirm();
|
||||
// });
|
||||
// }
|
||||
|
||||
// // 2) 로그인 버튼 클릭 → 공지 팝업 먼저 띄우고, 확인 시 로그인 실행
|
||||
// $('#btn_login').off('click.notice').on('click.notice', function (e) {
|
||||
// e.preventDefault();
|
||||
// openNotice(doLoginAjax);
|
||||
// });
|
||||
// })();
|
||||
//
|
||||
</script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// form submit (Enter 눌러도 실행됨)
|
||||
$('#flogin').on('submit', function(e) {
|
||||
e.preventDefault(); // 기본 제출 막기
|
||||
$('#btn_login').click(); // 버튼 클릭 이벤트 재사용
|
||||
});
|
||||
});
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
const pwInput = document.getElementById("login_pw");
|
||||
const toggle = document.getElementById("toggle_pw");
|
||||
const hint = document.getElementById("capslock_hint");
|
||||
|
||||
// 👁 토글 기능
|
||||
toggle.addEventListener("click", () => {
|
||||
const isHidden = pwInput.type === "password";
|
||||
pwInput.type = isHidden ? "text" : "password";
|
||||
toggle.classList.toggle("fa-eye");
|
||||
toggle.classList.toggle("fa-eye-slash");
|
||||
});
|
||||
|
||||
// ⚠ CapsLock 감지
|
||||
pwInput.addEventListener("keydown", e => {
|
||||
const caps = e.getModifierState && e.getModifierState("CapsLock");
|
||||
hint.style.display = caps ? "block" : "none";
|
||||
});
|
||||
pwInput.addEventListener("keyup", e => {
|
||||
const caps = e.getModifierState && e.getModifierState("CapsLock");
|
||||
hint.style.display = caps ? "block" : "none";
|
||||
});
|
||||
pwInput.addEventListener("blur", () => hint.style.display = "none");
|
||||
|
||||
// 🚫 한글 차단
|
||||
pwInput.addEventListener("input", function() {
|
||||
this.value = this.value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user