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

(사용자) 폰주소록 등록 > 핸드폰 > 아이폰 추가

Browse Source
This commit is contained in:
subsub 2025-11-11 15:24:30 +09:00
parent 7663b6f082
commit dc441de569
10 changed files with 237 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/main/webapp/WEB-INF/jsp/web/addr/AddrMobGuide.jsp
View File

@ -26,7 +26,7 @@ function moveTab(type){
<!-- tab button -->
<ul class="tabType1">
<li class="tab active"><button type="button" onclick="TabType6(this,'1');">네이버 주소록을 이용하여 폰주소록 등록</button></li>
<li class="tab"><button type="button" onclick="TabType6(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
<li class="tab"><button type="button" onclick="TabType6(this,'2');listTab(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
</ul><!--// tab button -->
</div>
<!-- 네이버 주소록을 이용하여 등록 -->
@ -98,7 +98,8 @@ function moveTab(type){
</div><!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
<div class="addWrap iphone eleType_cont" id="listTab_2">
<!-- <div class="addWrap iphone eleType_cont" id="listTab_2"> -->
<div class="addWrap iphone eleType_cont">
<ul class="add_and">
<li>
<p class="number">01</p>
@ -140,7 +141,11 @@ function moveTab(type){
</div> <!-- // 네이버 주소록을 이용하여 등록-->
<!-- 핸드폰 VCF파일로 변환하여 등록 -->
<div class="enroll_cont" id="tab6_2">
<div class="addWrap vcf">
<ul class="adr_depth3">
<li class="tab active"><button type="button" onclick="listTab(this,'2');">안드로이드</button></li>
<li class="tab"><button type="button" onclick="listTab(this,'3');">아이폰</button></li>
</ul>
<div class="addWrap list_cont current galexy" id="listTab_2">
<ul class="add_and">
<li>
<p class="number">01</p>
@ -183,6 +188,48 @@ function moveTab(type){
<button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
</div>
</div>
<div class="addWrap list_cont iphone vCard" id="listTab_3">
<ul class="add_and">
<li>
<p class="number">01</p>
<p class="txt">
<strong>iCloud.com</strong> 접속 후<br> <strong>Apple 계정</strong>으로 로그인
</p>
<img src="/publish/images/content/add_vCard_iphone_img01.png" />
</li>
<li>
<p class="number">02</p>
<p><strong>‘연락처’</strong> 앱 선택 및 실행 </p>
<img src="/publish/images/content/add_vCard_iphone_img02.png" />
</li>
<li>
<p class="number">03</p>
<p><strong>모든 연락처</strong> 선택</p>
<img src="/publish/images/content/add_vCard_iphone_img03.png" />
</li>
<li>
<p class="number">04</p>
<p class="txt"><strong>vCard</strong> 내보내기</p>
<img src="/publish/images/content/add_vCard_iphone_img04.png" />
</li>
<li>
<p class="number">05</p>
<p><strong>다운로드 폴더</strong>에<br><strong>iCloud vCards</strong> 파일로 저장</p>
<img src="/publish/images/content/add_vCard_iphone_img05.png" />
</li>
<li>
<p class="number">06</p>
<p><strong>연락처(vCards)</strong>파일 선택 후<br>
<strong>PC 바탕화면</strong>에 <br>
<strong>복사/붙여넣기</strong>(Ctrl+C/Ctrl+V)</p>
<img src="/publish/images/content/add_vCard_iphone_img06.png" />
</li>
</ul>
<div class="btnWrap">
<button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
<button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
</div>
</div>
</div><!--// 핸드폰 VCF파일로 변환하여 등록 -->
</div><!--// 주소록 관리 - 폰주소록 등록 -->
</div><!--// send top -->

131
src/main/webapp/publish/adrbook4.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/publish/css/reset.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="/publish/css/common.css">
<link rel="stylesheet" href="/publish/css/style.css">
<link rel="stylesheet" href="/publish/css/button.css">
<link rel="stylesheet" href="/publish/css/content.css">
<link rel="stylesheet" href="/publish/css/adrbook.css">
@ -26,6 +27,7 @@
</head>
<body>
<div class="mask"></div>
<div data-include-path="/publish/layout/_header.html"></div>
@ -36,13 +38,8 @@
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook1.html'">주소록관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook_fax.html'">팩스 주소록관리</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">폰주소록 등록</button></li>
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
</ul><!--// tab button -->
<!-- <%@include file="/WEB-INF/jsp/web/addr/include/topMenu.jsp" %> -->
<!--// tab button -->
<!-- 주소록 관리 - 폰주소록 등록 -->
<div class="adr_cont current" id="tab5_3">
<div class="heading">
@ -53,72 +50,81 @@
<ul class="tabType1">
<li class="tab active"><button type="button" onclick="TabType6(this,'1');">네이버 주소록을 이용하여 폰주소록 등록</button></li>
<li class="tab"><button type="button" onclick="TabType6(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
</ul><!--// tab button -->
</ul>
<!--// tab button -->
</div>
<!-- 네이버 주소록을 이용하여 등록 -->
<div class="enroll_cont current" id="tab6_1">
<!-- tab button 주석처리_240423 -->
<!-- <ul class="adr_depth3">
<li class="tab active"><button type="button" onclick="listTab(this,'1');">안드로이드</button></li>
<li class="tab"><button type="button" onclick="listTab(this,'2');">아이폰</button></li>
</ul> -->
<!--// tab button -->
<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
<div class="addWrap android eleType_cont current" id="listTab_1">
<div class="addWrap android eleType_cont current address" id="listTab_1">
<ul class="add_and">
<li>
<p class="number">01</p>
<p>구글 플레이 스토어 · 애플 앱스토어에서<strong> 네이버</strong> 앱 다운</p>
<img src="/publish/images/content/address_img01.png">
<img src="/publish/images/content/address_img01.png" />
</li>
<li>
<p class="number">02</p>
<p>왼쪽 상단 <strong>메뉴</strong> 선택</p>
<img src="/publish/images/content/address_img02.png">
<img src="/publish/images/content/address_img02.png" />
</li>
<li>
<p class="number">03</p>
<p>하단 스크롤 후 <br><strong>[내도구] → 주소록</strong> 선택</p>
<img src="/publish/images/content/address_img03.png">
<p>하단 스크롤 후 <br /><strong>[내도구] → 주소록</strong> 선택</p>
<img src="/publish/images/content/address_img03.png" />
</li>
<li>
<p class="number">04</p>
<p>오른쪽 상단 <strong>메뉴</strong> 선택</p>
<img src="/publish/images/content/address_img04.png">
<img src="/publish/images/content/address_img04.png" />
</li>
<li>
<p class="number">05</p>
<p>폰 연락처 <strong>업로드</strong> 선택</p>
<img src="/publish/images/content/address_img05.png">
<img src="/publish/images/content/address_img05.png" />
</li>
<li>
<p class="number">06</p>
<p class="txt"><strong>새로고침</strong> 선택</p>
<img src="/publish/images/content/address_img06.png">
<img src="/publish/images/content/address_img06.png" />
</li>
<li>
<p class="number">07</p>
<p>연락처 접근 <strong>허용</strong> 선택</p>
<img src="/publish/images/content/address_img07.png">
<img src="/publish/images/content/address_img07.png" />
</li>
<li>
<p class="number">08</p>
<p><strong>폰 연락처 업로드</strong> 완료</p>
<img src="/publish/images/content/address_img08.png">
<img src="/publish/images/content/address_img08.png" />
</li>
<li class="nine">
<p class="number">09</p>
<p>PC에서 네이버 메일 접속 후 <strong>상단 주소록 아이콘</strong> 선택</p>
<img src="/publish/images/content/address_img09.png">
<img src="/publish/images/content/address_img09.png" />
</li>
<li>
<p class="number">10</p>
<p>연락처 저장 · 내보내기 선택 후 파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상 선택 후 <strong>파일로 저장하기</strong> 클릭</p>
<img src="/publish/images/content/address_img10.png">
<img src="/publish/images/content/address_img10.png" />
</li>
</ul>
<div class="btnWrap">
<button type="button">주소록 입력 무료대행</button>
<button type="button">주소록 관리 바로가기</button>
<button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
<button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
</div>
</div><!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
</div>
<!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
<div class="addWrap iphone eleType_cont" id="listTab_2">
<!-- <div class="addWrap iphone eleType_cont" id="listTab_2"> -->
<div class="addWrap iphone eleType_cont">
<ul class="add_and">
<li>
<p class="number">01</p>
@ -153,17 +159,18 @@
</li>
</ul>
<div class="btnWrap">
<button type="button">주소록 입력 무료대행</button>
<button type="button">주소록 관리 바로가기</button>
<button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
<button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
</div>
</div>
</div> <!-- // 네이버 주소록을 이용하여 등록-->
<!-- 핸드폰 VCF파일로 변환하여 등록 -->
<div class="enroll_cont" id="tab6_2">
<div class="addWrap vcf">
<ul class="adr_depth3">
<li class="tab active"><button type="button" onclick="listTab(this,'2');">안드로이드</button></li>
<li class="tab"><button type="button" onclick="listTab(this,'3');">아이폰</button></li>
</ul>
<div class="addWrap list_cont current galexy" id="listTab_2">
<ul class="add_and">
<li>
<p class="number">01</p>
@ -202,18 +209,64 @@
</li>
</ul>
<div class="btnWrap">
<button type="button">주소록 입력 무료대행</button>
<button type="button">주소록 관리 바로가기</button>
<button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
<button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
</div>
</div>
</div><!--// 핸드폰 VCF파일로 변환하여 등록 -->
</div><!--// 주소록 관리 - 폰주소록 등록 -->
</div><!--// send top -->
<div class="addWrap list_cont iphone vCard" id="listTab_3">
<ul class="add_and">
<li>
<p class="number">01</p>
<p class="txt">
<strong>iCloud.com</strong> 접속 후<br> <strong>Apple 계정</strong>으로 로그인
</p>
<img src="/publish/images/content/add_vCard_iphone_img01.png" />
</li>
<li>
<p class="number">02</p>
<p><strong>‘연락처’</strong> 앱 선택 및 실행 </p>
<img src="/publish/images/content/add_vCard_iphone_img02.png" />
</li>
<li>
<p class="number">03</p>
<p><strong>모든 연락처</strong> 선택</p>
<img src="/publish/images/content/add_vCard_iphone_img03.png" />
</li>
<li>
<p class="number">04</p>
<p class="txt"><strong>vCard</strong> 내보내기</p>
<img src="/publish/images/content/add_vCard_iphone_img04.png" />
</li>
<li>
<p class="number">05</p>
<p><strong>다운로드 폴더</strong>에<br><strong>iCloud vCards</strong> 파일로 저장</p>
<img src="/publish/images/content/add_vCard_iphone_img05.png" />
</li>
<li>
<p class="number">06</p>
<p><strong>연락처(vCards)</strong>파일 선택 후<br>
<strong>PC 바탕화면</strong>에 <br>
<strong>복사/붙여넣기</strong>(Ctrl+C/Ctrl+V)</p>
<img src="/publish/images/content/add_vCard_iphone_img06.png" />
</li>
</ul>
<div class="btnWrap">
<button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
<button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
</div>
</div><!--// content 영역 -->
</div>
</div>
<!--// 핸드폰 VCF파일로 변환하여 등록 -->
</div>
<!--// 주소록 관리 - 폰주소록 등록 -->
</div>
<!--// send top -->
</div>
</div>
<!--// content 영역 -->
<!-- footer -->
<div data-include-path="/publish/layout/_footer.html"></div>
<!--// footer 영역 -->
</body></html>
</body>
</html>

22
src/main/webapp/publish/css/adrbook.css
View File

@ -180,12 +180,24 @@ button.group_move i {background-image: url(/publish/images/content/adress_inters
.add_and .number {position:absolute;top:-25px;left:50%;transform:translate(-50%, 0);background:url('/publish/images/content/btn_addBg.png') no-repeat 0 0;width:61px;height:61px;background-size: 100%;color:#fff;font-size:16px;text-align: center;line-height:60px;letter-spacing: 0;}
.addWrap.iphone .add_and li:last-child {width: calc(72.5%);margin-right: 0 !important;padding-bottom: 20px;}
.addWrap.vcf {margin-top:40px;}
.addWrap.galaxy {margin-top:40px;}
.addWrap.iphone.vCard{display:none;}
.addWrap .btnWrap {text-align:center;margin: 20px 0;}
.addWrap .btnWrap button {width:220px;height:60px;font-size:20px;border-radius: 5px;transition: 0.3s ease;}
.addWrap .btnWrap button:hover {box-shadow:0px 0px 5px 4px rgb(0 44 154 / 15%);transition: 0.3s ease;}
.addWrap .btnWrap button:nth-child(1) {background-color:#002c9a;color:#fff;margin-right:5px;}
.addWrap .btnWrap button:nth-child(2) {background-color:#fff;color:#002c9a;border:1px solid #002c9a;}
.addWrap.iphone.vCard li{position:relative;width:calc((100%/4) - 32px);height:480px;}
.addWrap.iphone.vCard li:nth-child(n+4){height:440px;}
.addWrap.iphone.vCard img{position:absolute;width:100%;bottom:0;left:0;}
.addWrap.iphone.vCard li:nth-child(2){width:47%;}
.addWrap.iphone.vCard li:nth-child(3)::after{display:none;}
.addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;}
.addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;}
.addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/4) - 32px);}
/* 주소록 등록_수정 */
.eleType_cont.current.address{margin:40px 0 0 0;}
.addWrap.android .add_and .nine {width:calc(100%);}
@ -227,6 +239,16 @@ button.group_move i {background-image: url(/publish/images/content/adress_inters
.search_group_bottom2 .btnWrap2::before {display:none;}
.search_group_bottom2 .btnWrap2 .selType2 {width:125px;}
/* 폰주소록 등록 */
.addWrap.iphone.vCard li{width:calc((100%/3) - 32px);height:550px}
.addWrap.iphone.vCard li:nth-child(n+4){height:550px;}
.addWrap.iphone.vCard li:nth-child(2){width:63%;}
.addWrap.iphone.vCard li:nth-child(2)::after,.addWrap.iphone.vCard li:nth-child(5)::after{display:none;}
.addWrap.iphone.vCard li:nth-child(3)::after{display:block;}
.addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;}
.addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;}
.addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/3) - 32px);}
}
@media only screen and (max-width:1260px){

BIN
src/main/webapp/publish/images/content/add_vCard_iphone_img01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/main/webapp/publish/images/content/add_vCard_iphone_img02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 159 KiB

BIN
src/main/webapp/publish/images/content/add_vCard_iphone_img03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/main/webapp/publish/images/content/add_vCard_iphone_img04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/main/webapp/publish/images/content/add_vCard_iphone_img05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
src/main/webapp/publish/images/content/add_vCard_iphone_img06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

2
src/main/webapp/publish/js/content.js
View File

@ -822,7 +822,7 @@ function TabType5(obj, tabId) {
function TabType6(obj, tabId) {
var $tab = $(obj).closest("li");
var $tabPrev = $(obj).closest("li").prev("li");
$tab.addClass("active");
$tab.addClass("active").find("button").removeAttr("style");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");