★ 이 책에서 만드는 포트폴리오 8가지!
1. 온라인 프로필 카드 웹 페이지
2. 기업형 기본 웹 페이지
3. 밤낮이 바뀌는 마을 애니메이션 페이지
4. 306도 회전하는 파노라마 회사 소개 페이지
5. FLEX 레이아웃 기반의 동영상 웹 페이지
6. 자동으로 음악이 나오는 뮤직 플레이어
7. 핀터레스트 스타일의 반응형 웹 갤러리
8. 웹 플러그인을 사용한 스와이프 갤러리(무료 전자책 제공)

--------------------------
\"아무것도 모르는 비전공자도 웹 개발자가 될 수 있나요?\"
\"물론이죠! 저도 그랬거든요.\"
--------------------------
비전공자였지만 프런트엔드 웹 개발자가 된 저자는 비전공자나 코딩 왕초보에게는 결과물부터 만들면서 이론을 배우는 것이 효과적이라고 말한다. 그래서 이 책은 비전공자 눈높이에 맞춰서 최소한의 문법만 활용하여 다양한 결과물을 계속해서 만들 수 있도록 구성했다. 또한 초보자가 헷갈릴 수 있는 CSS 선택자, 플렉스 레이아웃, 미디어 쿼리, 반응형 웹, 자바스크립트 함수 등의 내용도 쉽게 이해할 수 있도록 정리했다. 이 모든 과정을 마치면 HTML5, CSS3, ES6의 최신 웹 표준 기술을 완벽하게 익히고, 인터랙티브 웹 사이트 하나쯤은 거뜬히 만들 수 있는 웹 개발자가 될 수 있다.

--------------------------
현직 웹 디자이너의 진짜 포트폴리오를
클론 코딩하면서 내 것으로 만든다!
--------------------------
이 책에서 제공하는 8가지 포트폴리오는 사용자의 시선을 사로잡아 상호 작용할 수 있는 '인터랙티브 웹' 기술을 적용해 만들었다. 동영상, 음악 플레이어는 물론 사용자가 이미지를 스와이프하거나 3D 화면을 제어하는 등의 화려한 사이트를 만들 수 있어 취업이나 과제의 포트폴리오로 활용하기에 좋다. 또한 현업에서 사용하는 웹 문법과 최신 웹 기술까지 모두 다뤘으니 실무 능력을 키우면서 포트폴리오도 완성하는 일석이조의 효과를 얻어 보자.

--------------------------
[필수 문법]과 [실전 예제] 중 골라서 공부하자!
현업 개발자라면 포트폴리오 사이트부터 시작!
--------------------------
이 책의 1~6장은 [필수 문법], 7~13장은 [실전 예제] 파트로 구성했다. 초보자라면 1장부터 차근차근 공부하면 된다. 그러나 웹 문법을 공부한 적이 있다면 7~13장부터 읽어도 좋다. 웹 사이트를 만드는 데 필요한 HTML, CSS, 자바스크립트는 필수 문법 파트에 모두 담겨 있다. 코딩을 하다가 기초 문법이 궁금해지면 이 책에서 안내하는 대로 필수 문법 파트로 돌아가 공부해 보자. 이렇게 문법과 실전 예제를 같이 공부하다 보면 어느새 탄탄한 기본기와 수준 높은 코딩 실력을 겸비할 수 있을 것이다.

--------------------------
마지막 포트폴리오 「스와이프 갤러리」
온라인 무료 전자책으로 공개!
--------------------------
독자에게 웹 사이트 제작 경험을 더욱 풍부하게 제공하기 위해 원래 7개였던 포트폴리오에 하나를 추가했다! 이 8번째 포트폴리오는 누구나 쉽게 체험해 볼 수 있도록 무료 전자책으로 제공한다. 총 30쪽 분량으로 간단하면서도 업계에서 필수로 사용하는 스와이프 모션과 플러그인 기능을 담아 웹 갤러리 페이지를 완성할 수 있게 만들었다. 책을 받기 전 미리 예습한다는 마음으로 읽어도 좋고, 완독 후에 복습하는 자세로 읽으면 학습 효과를 배로 얻을 수 있다.
[전자책 파일 다운로드: 이지스퍼블리싱 홈페이지 → 자료실]에서 도서명 검색 후 내려받기

-----------------
[필수 문법]
HTML, CSS, 자바스크립트
한 번에 끝내기
-----------------
01장 웹 페이지 제작 준비하기
__01-1 웹 페이지를 만들기 전에
____인터랙티브 UI/UX
____UI/UX 작업 방식의 변화와 코딩의 중요성
____비전공자와 디자이너도 코딩을 할 수 있는 이유
____HTML, CSS, 자바스크립트의 역할
__01-2 웹 브라우저와 웹 에디터
____웹 브라우저 설치하기
____웹 에디터 설치하기
____비주얼 스튜디오 코드 설치하기
__01-3 제작 속도를 2배 높여 줄 작업 도구
____[Do it!] 비주얼 스튜디오 코드의 확장 기능 설치하기
__01-4 웹 페이지의 필수 재료
____[Do it!] 기본 폴더와 HTML 파일 만들기

02장 HTML 기본 문법 빠르게 끝내기
__02-1 HTML 파일 둘러보기
____태그란
____부모 태그와 자식 태그
____HTML의 기본 구조
____[Do it!] 에디터에서 HTML 파일 수정하기
__02-2 시맨틱 태그 - 웹 페이지 구조 나누기
__02-3 서식 태그 ― 텍스트를 넣어 웹 페이지 채우기
____

~

― 문서의 제목 지정하기
____

― 문단 지정하기
____

― 콘텐츠 그룹화하기
____, ― 특정 단어 강조하기
____ ― 웹 페이지에 링크 연결하기
____ ― 인라인 요소 태그 그룹화하기
____ ― 문서에 이미지 삽입하기
____
― 강제 줄 바꿈 구현하기
__02-4 목록 태그 ― 메뉴를 깔끔하게 정리하기
____

― 순서가 없는 목록 만들기
____
― 순서가 있는 목록 만들기
____

,

,

― 정의형 목록 만들기
____[Do it!] 중첩된 목록 작성하기
__02-5 폼 태그 ― 사용자 정보 입력받기
____ ― 다양한 정보 입력받기
____ ― 드롭다운 메뉴로 항목 선택하기
____ ― 텍스트를 여러 줄 입력받기<br/>____ ― 여러 입력 양식을 그룹화하고 전송하기<br/>__02-6 비디오·오디오 태그 ― 멀티미디어 콘텐츠 삽입하기<br/>____<audio> ― 오디오 파일 재생하기<br/>____<video> ― 동영상 파일 재생하기<br/><br/>03장 CSS 기본 문법 빠르게 끝내기<br/>__03-1 HTML에 CSS 연결하기<br/>____[Do it!] HTML 파일에 외부 CSS 파일 연결하기<br/>__03-2 CSS로 HTML 요소 다양하게 선택하기<br/>____전체 선택자 ― 모든 HTML 요소를 한꺼번에 선택하기<br/>____태그 선택자 ― 태그명을 이용하여 선택하기<br/>____자손 선택자 ― 자식과 하위 요소를 모두 선택하기<br/>____자식 선택자 ― 직계 자식 요소만 선택하기<br/>____그룹 선택자 ― 여러 개의 요소를 그룹으로 선택하기<br/>____순서 선택자 ― 형제 요소의 순서를 이용하여 선택하기<br/>____수열 선택자 ― 수식을 이용하여 선택하기<br/>____마지막 요소 선택자 ― 형제 요소 중 마지막 요소를 선택하기<br/>____홀수, 짝수 선택자 ― 홀수 또는 짝수 요소를 선택하기<br/>____속성 선택자 ― 속성값을 이용하여 선택하기<br/>____가상 선택자 ― 가상의 요소를 선택하기<br/>____클래스 선택자 ― 클래스명으로 요소를 선택하기<br/>____아이디 선택자 ― 아이디명으로 요소를 선택하기<br/>__03-3 폰트 스타일링하기<br/>____폰트 굵기 바꾸기<br/>____폰트 크기 바꾸기<br/>____폰트 모양 바꾸기<br/>____[Do it!] 구글 웹 폰트 사용하기<br/>____[Do it!] 웹 폰트 아이콘 적용하기<br/>____폰트 색상 바꾸기<br/>____텍스트 줄 간격 바꾸기<br/>____텍스트 정렬 방향 지정하기<br/>____텍스트 자간 지정하기<br/>__03-4 웹 페이지에서 영역별 크기 정하기<br/>____너비와 높이 지정하기<br/>____바깥쪽 여백 지정하기<br/>____안쪽 여백 지정하기<br/>____기존 박스 크기를 유지하면서 안쪽 여백 지정하기<br/>____테두리의 형태 지정하기<br/>____블록 요소와 인라인 요소 태그<br/>03-5 웹 페이지의 배경 꾸미기<br/>____배경색 지정하기<br/>____배경 이미지 삽입하기<br/>____배경 이미지 크기 조절하기<br/>____[Do it!] 두 배경 이미지를 웹 브라우저에 고정하기<br/>03-6 웹 페이지의 레이아웃 구성하기<br/>____CSS 초기화하기<br/>____float ― 블록 요소 좌우로 배치하기<br/>____position ― 요소를 자유롭게 배치하기<br/>____object-fit ― 콘텐츠를 특정 영역에 채우기<br/>____z-index ― 겹쳐 있는 요소의 z축 순서 지정하기<br/>____opacity ― 요소의 투명도 설정하기<br/>__03-7 다양한 그래픽 효과 적용하기<br/>____box-shadow, text-shadow ― 요소의 그림자 만들기<br/>____border-radius ― 모서리를 둥글게 만들기<br/>____linear-gradient, radial-gradient ― 그레이디언트 적용하기<br/>____filter ― 특수 효과 사용하기<br/><br/>04장 인터랙티브 웹을 위한 CSS 다루기<br/>__04-1 콘텐츠 모양을 자유롭게 변형하기<br/>__04-2 사용자 행동에 반응하는 전환 효과 만들기<br/>__04-3 자동으로 움직이는 애니메이션 효과 만들기<br/>__04-4 벡터 이미지 파일 제어하기<br/>____비트맵 이미지와 벡터 이미지의 차이<br/>____[Do it!] SVG 파일을 웹 브라우저에 출력하기<br/>____[Do it!] SVG의 path 스타일 변경하기<br/>____패스의 stroke-dasharray와 stroke-dashoffset 속성 이해하기<br/>____마우스 포인터를 올리면 선이 그려지는 모션 만들기<br/>__04-5 화면 너비에 따라 웹 페이지 디자인 변경하기<br/>____[Do it!] 미디어 쿼리를 사용하여 배경색 바꾸기<br/><br/>05장 flex 방식으로 레이아웃 만들기<br/>__05-1 부모 요소에 flex 적용하기<br/>____display ― 자식 요소의 배치 방법 지정하기<br/>____flex-direction ― 자식 요소의 정렬 방향 변경하기<br/>____flex-wrap ― 자식 요소에 줄 바꿈 적용하기<br/>____flex-flow ― flex-direction, flex-wrap 속성을 한꺼번에 적용하기<br/>05-2 자식 요소 정렬하기<br/>____justify-content ― 기본 축으로 정렬하기<br/>____align-content, align-items ― 반대 축으로 정렬하기<br/>05-3 자식 요소의 순서 지정하기<br/>05-4 요소의 여백 비율 지정하기<br/>____flex-grow ― 요소의 안쪽 여백 확대하기<br/>____flex-shirink ― 요소의 안쪽 여백 축소하기<br/>____flex ― 전체 너빗값의 비율 조절하기<br/><br/>06장 자바스크립트로 웹 페이지 제어하기<br/>__06-1 자바스크립트 시작하기<br/>____[Do it!] HTML과 자바스크립트 연결하기<br/>__06-2 자바스크립트로 HTML 요소 선택하기<br/>____document.querySelector( ) ― 요소 선택하기<br/>____document.querySelectorAll( ) ― 요소를 모두 선택하기<br/>____[Do it!] 부모, 자식, 형제 요소 선택하기<br/>__06-3 자바스크립트로 스타일 제어하기<br/>__06-4 자바스크립트로 이벤트 연결하기<br/>____클릭 이벤트 연결하기<br/>____호버 이벤트 연결하기<br/>____반복되는 요소에 이벤트 한꺼번에 연결하기<br/>____클릭 이벤트가 발생할 때 숫자를 증가, 감소하기<br/>____문자 안에 변수 삽입하기<br/>____[Do it!] 클릭하면 좌우로 회전하는 박스 만들기<br/>__06-5 자바스크립트로 클래스 제어하기<br/>__06-6 함수를 활용하여 코드 패키징하기<br/>____함수 정의 및 호출로 기능 재활용하기<br/>____[Do it!] 활성화 기능 함수 정의하고 사용하기<br/>__06-7 HTML 요소의 속성값 제어하기<br/>____속성값 알아내기<br/>____속성값 변경하기<br/>__06-8 자바스크립트로 사용자 브라우저 판단하기<br/><br/><br/>-----------------<br/>[실전 예제]<br/>실무에서 바로 쓰는<br/>포트폴리오 완성하기<br/>-----------------<br/>07장 온라인 프로필 카드 제작하기<br/><br/>08장 기업형 웹 페이지 제작하기<br/><br/>09장 마을 애니메이션 제작하기<br/><br/>10장 파노라마 회사 소개 페이지 제작하기<br/><br/>11장 flex 기반 동영상 웹 페이지 제작하기<br/><br/>12장 뮤직 플레이어 제작하기<br/><br/>13장 핀터레스트 스타일의 반응형 웹 갤러리 제작하기<br/><br/>[스페셜] 깃허브 페이지에 작업물 배포하기<br/><br/>찾아보기<br/><br/>[PDF 책] 스와이프 갤러리 제작하기 </div> </div> <div id="indexDescBtn" class="pr20"></div> </div> <!--// 목차 --> <!-- 상품고시정보 --> <div class="tap_zone mt40" id="sub02"> <ul> <li><a href="#sub01">상품 정보</a></li> <li class="on"><a href="#sub02">회원리뷰</a></li> <li><a href="#sub03">반품/교환</a></li> <li><a class="alt"></a></li> <!-- 마지막 기본틀 --> </ul> </div> <!-- <div class="row_item"><img src="http://image.bandinlunis.com/upload/design/bn/2017/01/bandipoint_info.jpg" usemap="#bandipoint_info"></div> --> <!-- <map name="bandipoint_info"> --> <!-- <area shape="rect" coords="772,121,948,159" href="/pages/front/service/serviceBandiPointInfo.jsp" target="_blank" alt="" /> --> <!-- </map> --> <!-- 리뷰 --> <!-- //리뷰 --> <!-- 간단평 --> <iframe id="simpleReview" src="" width="100%" class="iframe_review" style=" margin-left:0" frameborder="0" scrolling="no"></iframe> <!-- //간단평 --> <!-- 태그 --> <iframe id="iframe_tag" src="" width="100%" frameborder="0" scrolling="no" style="display: none;"></iframe> <!-- //태그 --> <!-- 페이퍼--> <div style="display:none"><iframe id="blogPaper" src="" height="370" class="iframe_review" frameborder="0" scrolling="no"></iframe></div> <!--//페이퍼 --> <!-- 고객이 테마북을 통해 같이 묶은 다른 상품 --> <div id="DTL_THEMA" class="bookInfo_subCon" style="display:none;"></div> <!-- 이 책이 속한 테마 --> <iframe style="display:none;" id="iframe_theme" src="" width="100%" frameborder="0" scrolling="no"></iframe> <!-- //이 책이 속한 테마 --> <!-- 묶음상품리스트 --> <iframe style="display:none;" src="/front/product/iframePackageList.do?prodId=4704223" id="iframePackageList" width="100%" class="iframe_package" frameborder="0" scrolling="no"></iframe> <!-- 연관상품 --> <iframe style="display:none;" src="/front/product/iframeConnectProd.do?prodId=4704223" id="iframeConnectList" width="100%" class="iframe_package" frameborder="0" scrolling="no"></iframe> <div class="tap_zone mt40" id="sub03"> <ul> <li><a href="#sub01">상품 정보</a></li> <li><a href="#sub02">회원리뷰</a></li> <li class="on"><a href="#sub03">반품/교환</a></li> <li><a class="alt"></a></li> <!-- 마지막 기본틀 --> </ul> </div> <!-- 반품/교환 --> <div class="row_item"> <div class="title_zone"> <h3 class="txt_title">배송 시 유의사항</h3> </div> <div class="box_contents"> <p>- 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.<br>  (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)</p> <p>- 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다. <!--(고객센터 : 1577-4030)--></p> <p>- 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.</p> <p>- 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)</p> <p>- 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.</p> </div> <div class="title_zone" style="margin-top:25px;"> <h3 class="txt_title">반품/교환</h3> </div> <div class="box_contents"> <p>상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)</p> <dl class="information"> <dt><h4>반품/교환</h4></dt> <dd> <table cellspacing="0" border="0" summary="본 상품은 배송 없이 구매 후 바로 다운받아 보는 eBook으로 다운 후에는 취소/환불이 불가능합니다." class="table_return"> <caption>반품/교환</caption> <colgroup> <col width="18%"><col width="82%"> </colgroup> <tbody> <tr> <th>반품/교환 방법</th> <td>홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판</td> </tr> <tr> <th>반품/교환 가능 기간</th> <td>반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능</td> </tr> <tr> <th>반품/교환 비용</th> <td>변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)</td> </tr> <tr> <th>반품/교환 불가 사유</th> <td> <ul> <li>소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우</li> <li>소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우</li> <li>복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등</li> <li>시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우</li> <li>전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우</li> <li>해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)</li> </ul> </td> </tr> <tr> <th>소비자 피해보상<br>환불지연에 따른 배상</th> <td> <ul> <li>상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은<br> 소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨 </li> <li>대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의<br> 소비자 보호에 관한 법률에 따라 처리함 </li> </ul> </td> </tr> <tr> <th>반품/교환 주소</th> <td>경기도 파주시 문발로 77, 웅진북센(반디앤루니스)</td> </tr> </tbody> </table> </dd> </dl> </div> </div> <!--// 반품/교환 --> </div> <script type="text/javascript"> //리뷰 더보기 function moreHistory(){ if(reviewTotalCount <= currentCount){ alert("더 이상의 리뷰가 없습니다."); return; } //남은 리뷰 갯수 만큼 보이기(한번의 더보기에 최대 3줄) var restCount = reviewTotalCount - currentCount; if(restCount>3) restCount = 3; for (var i = 1; i <= restCount; i++) { $("#more_review_"+(i+currentCount)).show(); } currentCount+=restCount; } function moreReview(onReview){ if($("#more_review_"+onReview).hasClass("on")){ $("#more_review_"+onReview).removeClass("on"); }else{ $("#more_review_"+onReview).addClass("on"); } var bookHeight = $("#more_review_"+onReview).height(); var toggleCustom = $("#more_review_"+onReview); if($("#more_review_"+onReview).hasClass("on")){ $("#more_review_"+onReview).animate({height:bookHeight},"fast",function(){ $("#more_review_"+onReview).attr("style",""); }); }else{ toggleCustom.animate({height:"133px"},"fast"); var offset = $("#more_review_"+onReview).offset(); $('html, body').animate({scrollTop : offset.top}, 400); } } function onChangeText(obj,val,seq){ if(obj.value.length>5000){ alert("5000자 이상 입력하실 수 없습니다."); obj.value = obj.value.substring(0,5000); return; } // 길이체크 바이트 체크 안함 var len = obj.value.length; $("#reviewLength"+seq).html(len+"/5000"); } function goReviewWrite(){ if(!isLogin("")){ alert("로그인이 필요한 서비스입니다."); goLoginPage(); return; } } function validationReview(sReview){ //간단평 금칙어들 var noWords = ["개새끼","개세끼","씨발","지랄","좆","병신","등신"]; //간단평 금칙어 검사 for (var i = 0; i < noWords.length; i++) { if(sReview.indexOf(noWords[i]) != -1){ alert("금칙어가 포함되어 있어 입력이 불가능 합니다."); return false; } } // 간단평 자음, 모음 검사 for (var i = 0; i < sReview.length; i++){ var c = sReview.charCodeAt(i); if(0x3131 <= c && c <= 0x318E){ alert("간단평은 자음, 모음만 입력이 불가능 합니다."); return false; } } //간단평 길이 검사 if(sReview == null || sReview == ""){ alert("내용을 입력해주세요."); return false; }else if(sReview.length<15){ alert("상품과 관련된 내용을 15자 이상 작성해주셔야 합니다."); return false; } return true; } // function goReviewRegist(){ // if(!isLogin("")){ // alert("로그인이 필요한 서비스입니다."); // goLoginPage(); // return; // }else{ // var sReview = $("#review").val(); // if(!validationReview(sReview)){ // return; // } // $.ajax({ // url:"/front/ajax/reviewRegist.do", // type:"post", // data:{"review":sReview,"prodId":"4704223"}, // error:function(xhr){ // alert("데이터 처리 중 오류가 발생했습니다. 관리자에게 문의해주세요."); // }, // success:function(data){ // if(data != null && data.length > 0 && data == 'Y'){ // alert("등록되었습니다."); // location.reload(); // } else if(data == 'Y20'){ // alert("구매하신 상품에 간단평을 남겨주셔서 반딧불이 20개 지급되었습니다. 나의 쇼핑정보 반딧불 내역에서 확인해주세요."); // location.reload(); // } else if(data == 'Y100'){ // alert("구매하신 상품에 간단평을 남겨주셔서 반딧불이 100개 지급되었습니다. 나의 쇼핑정보 반딧불 내역에서 확인해주세요."); // location.reload(); // } else if(data == 'X'){ // alert("간단평은 한번만 작성가능합니다."); // } else if(data == 'Z'){ // alert("하루에 지급 가능한 횟수를 초과하여 반딧불이 지급되지 않습니다."); // } else{ // alert("작업을 정상적으로 마치지 못했습니다."); // } // } // }); // } // } // function goReviewDelete(seq){ // if(!isLogin("")){ // alert("로그인이 필요한 서비스입니다."); // goLoginPage(); // return; // }else{ // $.ajax({ // url:"/m/ajax/reviewDelete.do", // type:"post", // data:{"seq":seq}, // error:function(xhr){ // alert("데이터 처리 중 오류가 발생했습니다. 관리자에게 문의해주세요."); // }, // success:function(data){ // if(data != null && data.length > 0 && data == 'Y'){ // alert("삭제되었습니다."); // location.reload(); // }else{ // alert("작업을 정상적으로 마치지 못했습니다."); // } // } // }); // } // } // function goReviewUpdate(seq){ // if(!isLogin("")){ // alert("로그인이 필요한 서비스입니다."); // goLoginPage(); // return; // }else{ // var review = $("#updateReview_"+seq).val(); // if(!validationReview(review)){ // return; // } // $.ajax({ // url:"/m/ajax/reviewUpdate.do", // type:"post", // data:{"seq":seq, "review":review}, // error:function(xhr){ // alert("데이터 처리 중 오류가 발생했습니다. 관리자에게 문의해주세요."); // }, // success:function(data){ // if(data != null && data.length > 0 && data == 'Y'){ // alert("수정되었습니다."); // location.reload(); // }else{ // alert("작업을 정상적으로 마치지 못했습니다."); // } // } // }); // } // } function chooseLeaf(leaf){ $('select[name=usr_point]').val(leaf).prop("selected", true); $('.usr .leaf').removeClass('leaf0'); $('.usr .leaf').removeClass('leaf1'); $('.usr .leaf').removeClass('leaf2'); $('.usr .leaf').removeClass('leaf3'); $('.usr .leaf').removeClass('leaf4'); $('.usr .leaf').removeClass('leaf5'); $('.usr .leaf').removeClass('leaf6'); $('.usr .leaf').removeClass('leaf7'); $('.usr .leaf').removeClass('leaf8'); $('.usr .leaf').removeClass('leaf9'); $('.usr .leaf').removeClass('leaf10'); $('.usr .leaf').addClass('leaf'+leaf); } </script> </div> <script type="text/javascript" src="/js/partnerPopUp.js"></script> <script type="text/javascript"> $(document).ready(function(){ //도로명주소 $(".zip_tap > .tap_menu > li").click(function(){ $(".zip_tap > .tap_menu > li").removeClass('on'); $("#search_doro").css("display","none"); $("#search_jibun").css("display","none"); var target = "#search_"+this.id; $(this).addClass('on'); $(target).css("display","block"); var result = []; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<caption>검색 결과 : 주소가 없습니다.</caption>'); result.push('<tr>'); result.push('<td class="txt_blank">검색된 주소가 없습니다.</td>'); result.push('</tr>'); result.push('</table>'); $("#zipCodeList").html(result.join('')); $("#txt_count").html("0"); $("#search_result").css("display","none"); //win_resize(); }); //도로명주소 $("input[type=radio]").click(function(){ var searchType = $(this).val(); if(searchType == "doro"){ $("#doroArea").removeClass('hide'); $("#bldArea").addClass('hide'); $("#dongArea").addClass('hide'); }else if(searchType == "bldName"){ $("#doroArea").addClass('hide'); $("#bldArea").removeClass('hide'); $("#dongArea").addClass('hide'); }else if(searchType == "dong"){ $("#doroArea").addClass('hide'); $("#bldArea").addClass('hide'); $("#dongArea").removeClass('hide'); } }); // Input Clear var i_text = $('.item>.i_screen_hide').next('.i_text'); $('.item>.i_screen_hide').css('position','absolute'); i_text.focus(function(){ $(this).prev('.i_screen_hide').css('display','none'); }).blur(function(){ if($(this).val() == '') $(this).prev('.i_screen_hide').css('display','block'); else $(this).prev('.i_screen_hide').css('display','none'); }).change(function(){ if($(this).val() == '') $(this).prev('.i_screen_hide').css('display','block'); else $(this).prev('.i_screen_hide').css('display','none'); }).blur(); $('.item>.i_screen_hide').click(function(){ if($(this).next('.i_text').val() == ''){ $(this).css('display','none'); $(this).next('.i_text').focus(); } }); }); var gZipCode = 'null'; function getZipcode(obj){ var reObj=obj; if(obj.indexOf("-") == -1 && obj.length==6){ reObj = obj.substr(0,3)+"-"+obj.substr(3,6) } return reObj; } function checkValue(fo,obj,lo){ if(obj == null || obj == 0){ obj = ""; }else{ obj = fo+obj+lo; } return obj } function goSearchJibun() { if(jibunDong.value.trim() == "" ) { alert("검색어를 입력하세요"); $('#jibunDong').focus(); return; } $("#search_result").css("display","block"); var result = []; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<tr>'); result.push('<td class="txt_blank">조회중입니다.</td>'); result.push('</tr>'); result.push('</table>'); $("#zipCodeList").html(result.join('')); $.ajax({ url: "/ajax/getZipCodeOld.do", type: "post", data: {"dong":$('#jibunDong').val()}, dataType: "json", success: function(data){ $("#txt_count").html(data.zipList.length); if(data.zipList.length == 0){ var result = []; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<caption>검색 결과 : 주소가 없습니다.</caption>'); result.push('<tr>'); result.push('<td class="txt_blank">검색된 주소가 없습니다.</td>'); result.push('</tr>'); result.push('</table>'); $("#zipCodeList").html(result.join('')); }else{ var result = []; var targetNum=1; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<caption>검색 결과 : 주소를 클릭하시면 자동입력 됩니다.</caption>'); //result.push('<colgroup><col width="90"><col width="340"></colgroup>'); $.each(data.zipList, function(){ var array_zipcode=getZipcode(this.zip_code).split("-"); result.push('<input type="hidden" name="zip1_'+targetNum+'" value="'+array_zipcode[0]+'">'); result.push('<input type="hidden" name="zip2_'+targetNum+'" value="'+array_zipcode[1]+'">'); result.push('<input type="hidden" name="addr1_'+targetNum+'" value="' +checkValue("",this.sido,"")+checkValue(" ",this.gugun,"")+checkValue(" ",this.dong,"")+checkValue(" ",this.ri,"") +'">'); result.push('<input type="hidden" name="addr2_'+targetNum+'" value="'+checkValue("",this.bldg,"")+'">'); result.push('<tr>'); result.push('<th><a href="javascript: setAddr('+targetNum+')">'+getZipcode(this.zip_code)+'</a></th>'); result.push('<td><a href="javascript: setAddr('+targetNum+')">' +checkValue("",this.sido,"")+checkValue(" ",this.gugun,"")+checkValue(" ",this.dong,"")+checkValue(" ",this.ri,"") +checkValue(" ",this.bldg,"")+checkValue(" ",this.st_bunji,"")+checkValue("~",this.ed_bunji,"") +'</a></td>'); result.push('</tr>'); targetNum++; }); result.push('</table>'); $("#zipCodeList").html(result.join('')); } }, error: function(){ var result = []; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<tr><td> 네트워크가 불안정합니다. 잠시 후 다시 시도해주세요.</td></tr>'); result.push('</table>'); $("#zipCodeList").html(result.join('')); } }); } function goSearch() { var onSearchType="doro"; var onSearchKey="" var onSido=""; var onSigungu =""; var onJibun=""; var onBldNum=""; with($('#search_doro')){ if($("input[type=radio]:checked").val()=="doro"){ onSearchType="doro"; onSearchKey=searchDoro.value.trim(); onSido=$("select[name=sido]").val(); onSigungu=$("select[name=sigungu]").val(); onBldNum=$("input[name=bldNum]").val(); if(onSearchKey == "" && onBldNum == ""){ if(onSido == ""){ alert("'시/도'를 선택해주세요."); return; } if(onSigungu == ""){ alert("'시/군/구'를 선택해주세요."); return; } } if(onSearchKey == "" ) { alert("'도로명'을 입력해주세요."); searchDoro.focus(); return; } var sKey = onSearchKey.substring((onSearchKey.length-1), onSearchKey.length); if(sKey != "로" && sKey != "길"){ alert("도로명은 ~로, ~길로 입력해주세요."); return; } } if($("input[type=radio]:checked").val()=="bldName"){ onSearchType="bldName"; onSearchKey=searchBld.value.trim(); onSido=$("select[name=sido]").val(); onSigungu=$("select[name=sigungu]").val(); //onJibun=jibun.value; //onBldNum=bldNum.value; if(onSido == ""){ alert("'시/도'를 선택해주세요."); return; } if(onSigungu == ""){ alert("'시/군/구'를 선택해주세요."); return; } if(onSearchKey == "" ) { alert("'건물명'을 입력해주세요."); searchBld.focus(); return; } } if($("input[type=radio]:checked").val()=="dong"){ onSearchType="dong"; onSearchKey=searchDong.value.trim(); onSido=$("select[name=sido]").val(); onSigungu=$("select[name=sigungu]").val(); onJibun=searchKJibun.value; //onBldNum=bldNum.value; if(onSido == ""){ alert("'시/도'를 선택해주세요."); return; } if(onSearchKey == "" ) { alert("'동명'을 입력해주세요."); searchDong.focus(); return; } if(onJibun == ""){ alert("'지번'을 입력해주세요."); searchKJibun.focus(); return; } } $("#search_result").css("display","block"); var result = []; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<tr>'); result.push('<td class="txt_blank">조회중입니다.</td>'); result.push('</tr>'); result.push('</table>'); $("#zipCodeList").html(result.join('')); $.ajax({ url: "/ajax/getZipCode.do", type: "post", data: {"sido":onSido,"sigungu":onSigungu,"searchType":onSearchType,"searchKey":onSearchKey,"jibun":onJibun,"bldNum":onBldNum}, dataType: "json", success: function(data){ $("#txt_count").html(data.zipList.length); if(data.zipList.length == 0){ var result = []; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<caption>검색 결과 : 주소가 없습니다.</caption>'); result.push('<tr>'); result.push('<td class="txt_blank">검색된 주소가 없습니다.</td>'); result.push('</tr>'); result.push('</table>'); $("#zipCodeList").html(result.join('')); }else{ var result = []; var targetNum=1; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<caption>검색 결과 : 주소를 클릭하시면 자동입력 됩니다.</caption>'); //result.push('<colgroup><col width="90"><col width="340"></colgroup>'); $.each(data.zipList, function(){ var array_zipcode=getZipcode(this.zip_code); result.push('<input type="hidden" name="zip1_'+targetNum+'" value="'+array_zipcode+'">'); result.push('<input type="hidden" name="zip2_'+targetNum+'" value="">'); result.push('<input type="hidden" name="addr1_'+targetNum+'" value="'+checkValue("",this.sido,"")+checkValue(" ",this.sigugu,"")+checkValue(" ",this.doro,"")+'">'); result.push('<input type="hidden" name="addr2_'+targetNum+'" value="'+checkValue("",this.bld_name,"")+'">'); result.push('<tr>'); result.push('<th><a href="javascript: setAddr('+targetNum+')">'+getZipcode(this.zip_code)+'</a></th>'); result.push('<td><a href="javascript: setAddr('+targetNum+')">'+checkValue("",this.sido,"")+checkValue(" ",this.sigugu,"")+checkValue(" ",this.ubmyun,"") +checkValue(" ",this.doro,"")+checkValue(" ",this.bld_num,"")+checkValue("-",this.bld_num2,"")+checkValue(" ",this.bld_name,"") +'</a></td>'); result.push('<td>'+checkValue("",this.sido,"")+checkValue(" ",this.sigugu,"")+checkValue(" ",this.ubmyun,"") +checkValue(" ",this.dong,"")+checkValue(" ",this.ri,"")+checkValue(" ",this.jibun,"")+checkValue("-",this.jibun2,"")+checkValue(" ",this.bld_name,"") +'</td>'); result.push('</tr>'); targetNum++; }); result.push('</table>'); $("#zipCodeList").html(result.join('')); } }, error: function(){ var result = []; result.push('<table cellpadding="0" cellspacing="0">'); result.push('<tr><td class="txt_blank"> 네트워크가 불안정합니다. 잠시 후 다시 시도해주세요.</td></tr>'); result.push('</table>'); $("#zipCodeList").html(result.join('')); } }); } } function setAddr(idx){ var zip_no = document.getElementsByName("zip1_" + idx)[0].value; gZipCode = zip_no; var addr1 = "["+document.getElementsByName("addr1_" + idx)[0].value+"] 기준으로 "; var cnt = $("#prodCnt_4704223").val(); var today = "2024년 05월 14일"; var tomorrow = "2024년 05월 15일"; $.ajax({ url: "/ajax/getOrdDeliExpect.do", type: "post", data: {"prod_id":"4704223","zipCode":zip_no,"ord_cnt":cnt}, success: function(data){ if(data.indexOf("var data = '") != -1){ data = data.slice(data.indexOf("'")+1,data.length-2); // " var data = 'yyyy년 MM월 dd일(요일)';" 형식으로 온다. } if(data.indexOf(today) > -1) data = "오늘"; else if(data.indexOf(tomorrow) > -1) data = "내일"; $("#changeTerm").html("["+data+"]"); }, error: function(){ //alert("오류"); } }); $("#changeAddress").html(addr1); $("#search_result").css("display","none"); $("#zipCode").css("visibility","hidden"); } function getOrdDeli(){ var zip_no = gZipCode; var cnt = $("#prodCnt_4704223").val(); var today = "2024년 05월 14일"; var tomorrow = "2024년 05월 15일"; $.ajax({ url: "/ajax/getOrdDeliExpect.do", type: "post", data: {"prod_id":"4704223","zipCode":zip_no,"ord_cnt":cnt}, success: function(data){ if(data.indexOf("var data = '") != -1){ data = data.slice(data.indexOf("'")+1,data.length-2); // " var data = 'yyyy년 MM월 dd일(요일)';" 형식으로 온다. } if(data.indexOf(today) > -1) data = "오늘"; else if(data.indexOf(tomorrow) > -1) data = "내일"; $("#changeTerm").html("["+data+"]"); }, error: function(){ //alert("오류"); } }); } function changeDist(sido){ if(sido=="08"){ var result = "<option value=''>전체</option>"; $("select[name=sigungu]").html(result); }else{ if(sido != null && sido != ""){ $.ajax({ url: "/ajax/getDistrictInfos.do", type: "post", data: {"sido":sido}, dataType: "json", success: function(data){ if(data.length == 0){ alert("검색 결과가 없습니다."); } var result = "<option value=''>전체</option>"; var sigungu = ""; var selectYn = ""; $.each(data, function(){ if(sigungu != null && sigungu != "" && (this.sigungu_value == sigungu)){ selectYn = "selected"; }else{ selectYn = ""; } result += "<option value='"+this.sigungu_value+"' "+selectYn+">"+this.sigungu_name+"</option>"; }); $("select[name=sigungu]").html(result); }, error: function(){ alert("네트워크가 불안정합니다. 잠시 후 다시 시도해주세요."); } }); }else{ var result = "<option value=''>전체</option>"; $("select[name=sigungu]").html(result); } } } function preventSpace(e){ if(! window.event && !e) return; var keyNum=window.event ? window.event.keyCode : e.which; if (keyNum == 32) { alert("공백은 입력할 수 없습니다."); e.preventDefault(); } } function preventChar(e){ var keycode=window.event ? window.event.keyCode : e.which; if(!(keycode == 189 || keycode == 8 || (keycode >= 35 && keycode <= 40) || (keycode >= 45 && keycode <= 57) || (keycode >= 96 && keycode <= 105) || keycode == 110 || keycode == 190 || keycode == 109 || keycode == 13)) { alert("숫자와 '-'만 입력 가능합니다."); e.preventDefault(); } } function snsSend(type, prodName, prodId, tag) { var wp; var url = "https://www.bandinlunis.com/front/product/detailProduct.do?prodId="+prodId; if(type == 'tw') { wp = window.open("http://twitter.com/home?status=" + encodeURIComponent(prodName) + " " + encodeURIComponent(url), 'twitter', ''); } else if(type == 'fb') { url= "https://www.bandinlunis.com/front/product/faceBookView.do?prodId="+prodId; wp = window.open("http://www.facebook.com/sharer.php?u=" + url, 'facebook', ''); } else if(type == 'm2') { wp = window.open("http://me2day.net/posts/new?new_post[body]=" + encodeURIComponent(prodName) + " " + encodeURIComponent(url) + "&new_post[tags]=" + encodeURIComponent(tag), 'me2Day', ''); } else if(type == 'ym') { wp = window.open("http://yozm.daum.net/api/popup/prePost?link=" + encodeURIComponent(url) + "&prefix=" + encodeURIComponent(prodName) + "¶meter=" + encodeURIComponent(tag), 'yozmSend', 'width=466, height=356'); } else { return; } if ( wp ) { wp.focus(); } } </script> <!-- 로그 분석 변수 (footer 에서 사용) --> <script type="text/javascript"> _n_p1 = "컴퓨터/IT"; //대카테고리 _n_p2 = "홈페이지/웹디자인"; //중카테고리 _n_p3 = "홈페이지 만들기"; //소카테고리 _n_p4 = "Do it! 인터랙티브 웹 페이지 만들기"; //상품명 </script> <!-- //로그 분석 변수 --> <!-- 키워드 광고 분석 변수 (footer 에서 사용) --> <script type="text/javascript"> var LOG_PC = "4704223"; var LOG_PT = "22"; var LOG_PS = "25200"; </script> <!-- //키워드광고 변수 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css"> <script type="text/javascript" src="/js/jquery/jquery.rolling.js"></script> <div id="ssWrap" style="position: absolute; z-index:101; "> </div> <!-- 230616 추가 --> <div class="bottom_menu" style="display: none;"> <div class="arrow"> <img src="/images/reopen_main/arrow_down.png"> </div> <ul> <li class="lastest_book today_view"> <div class="lastest_book_btn_set"> <div class="lastest_book_btn" id="footer_book_menu_list" > <ul> <li><a href="javascript:select_lastest_book_list(0);" class="ov">쇼핑카트(<span id="footer_cart_list_cnt">0</span>)</a></li> <li><a href="javascript:select_lastest_book_list(1);">최근 본 상품(<span id="footer_veiw_list_cnt">0</span>)</a></li> <li><a href="javascript:select_lastest_book_list(2);">위시리스트(<span id="footer_wish_list_cnt">0</span>)</a></li> </ul> </div> <div class="lastest_book_del"> <ul> <li><button type="button" class="all_select" onclick="all_select_prod();">전체선택</li> <li><button type="button" class="select_del">선택삭제</li> </ul> </div> </div> <div class="lastest_book_list footer_shop_list swiper-container" id="footer_shop_list"> <ul id="shopProdArea" class="swiper-wrapper"> </ul> <div class="aw_type_ss"> <button class="aw_l" id="mSBnLtShop"><span>이전</span></button> <span class="aw_count"><span class="start_index">1</span>/<span class="end_index">0</span></span> <button class="aw_r" id="mSBnRtShop"><span>다음</span></button> </div> <div class="pagination"></div> </div> <div class="lastest_book_list footer_book_list swiper-container" id="footer_book_list" > <ul id="recentProdArea" class="swiper-wrapper"> </ul> <div class="aw_type_ss"> <button class="aw_l" id="mSBnLt"><span>이전</span></button> <span class="aw_count"><span class="start_index">1</span>/<span class="end_index">0</span></span> <button class="aw_r" id="mSBnRt"><span>다음</span></button> </div> <div class="pagination"></div> </div> <div class="lastest_book_list footer_wish_list swiper-container" id="footer_wish_list" > <ul id="wishProdArea" class="swiper-wrapper"> </ul> <div class="aw_type_ss"> <button class="aw_l" id="mSBnLtWish"><span>이전</span></button> <span class="aw_count"><span class="start_index">1</span>/<span class="end_index">0</span></span> <button class="aw_r" id="mSBnRtWish"><span>다음</span></button> </div> <div class="pagination"></div> </div> </li> <li class="bottom_buy"> <div class="text"> <ul> <li>주문상품수량</li> <li><span id="footer_order_prod_cnt"></span>개</li> <li>예상적립금</li> <li><spna id="footer_estimated_reserve"></spna>P</li> <li>상품할인금</li> <li><span id="footer_prod_discount"></span>원</li> <li>배송료</li> <li><span id="footer_ship_charge"></span>원</li> <li>주문합계</li> <li><span id="footer_price" class="price"></span> 원</li> </ul> </div> <div class="lastest_btn"> <ul> <li style="width: 100%"><a href="javascript:array_into_wishlist();" class="wishlist" >위시리스트</a></li> <li style="display: none;"><a href="javascript:addCart_foot();" class="buy" >쇼핑카트에 담기</a></li> <li style="display: none;"><a href="javascript:addCart_foot('order');" class="buy">주문하기</a></li> </ul> </div> </li> </ul> </div> <div id="onTop" class="ss_top"><a href="javascript:void(0);"><img src="http://image.bandinlunis.com/images/common/2014/btn_top.png"></a></div> <footer> <div class="footer_menu_line"> <div class="footer_menu"> <div class="footer_menu_text"> <ul> <li><a href="https://www.bandinlunis.com/front/aboutBandi/aboutBandiMain.do">회사소개</a></li> <li><a href="https://www.bandinlunis.com/front/aboutBandi/aboutBandiMain.do?key=130">이용약관</a></li> <li><a href="https://www.bandinlunis.com/front/aboutBandi/aboutBandiMain.do?key=140">개인정보 처리방침</a></li> <li><a href="/front/help/helpNotice.do?bid=1001,1010,1011,1015">공지사항</a></li> </ul> </div> <div class="m_notice"> <ul class="m_n_list"> <li> <div id="noticeArea"> </div> </li> </ul> <button onclick="javascript:location.href=/front/help/helpNotice.do" class="aw_more"><span class="hide">더보기</span></button> </div> <div class="insta_call"> <ul> <!-- <li class="insta"><a href="https://www.instagram.com/bandinlunis_official/" target="_blank"></a></li> --> <!-- <li class="call_ico"></li> --> <li class="counsel_center"> <a href="/front/help/helpContactUsForm.do">1:1 상담하기</a> </li> <li class="time">평일 10시~17시<br>(토, 일, 공휴일 휴무)</li> </ul> </div> </div> </div> <!-- 개인정보 보호책임자 수정 --> <div class="copy"> <div class="copy_logo"><img src="/images/reopen_main/footer_logo.png"></div> <div class="copy_info"> <ul> <li>회사명 : (주)서울문고</li> <li>대표이사 : 김홍구</li> <li>개인정보 보호책임자 : 김홍구</li> <li>E-mail : bandi_cs@bnl.co.kr</li> <li class="padding_zero">소재지 : (06168) 서울 강남구 삼성로 96길 6</li> <li>사업자 등록번호 : 120-81-02543</li> <li>통신판매업 신고번호 : 제2023-서울강남-03728호</li> <li class="padding_zero">물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스</li> </ul> <div class="clear">copyright (c) 2016 BANDI&LUNI'S All Rights Reserved</div> </div> </div> </footer> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8W4QCTN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html> <!-- 푸터메뉴 기능을 위해 필요함 --> <script type="text/javascript" src="/dwr/engine.js"></script> <script type="text/javascript" src="/dwr/util.js"></script> <script type="text/javascript" src="/dwr/interface/OrderDwr.js"></script> <script type="text/javascript"> $(document).ready(function(){ /* onload */ // 최근 본 상품 getRecentProdList(); /* onload */ // 쇼핑카트 목록 latestBookCartInfo(); $("#onTop").click(function(){ $('html, body').animate({scrollTop:0}, 350); }); // 푸터박스 메뉴 체크박스 이벤트들 $(document).on('click', '.footer_shop_list_chk', function(e) { // ajax로 불러오기 때문에 동적 이벤트 바인딩 처리 calc_footer_shop(); }); $(".footer_veiw_list_chk").click(function(e){ calc_footer_view(); }); $(document).on('click', '.footer_wish_list_chk', function(e) { // ajax로 불러오기 때문에 동적 이벤트 바인딩 처리 calc_footer_wish(); }); // 푸터박스 메뉴 체크박스 이벤트들 끝 /* 나의쇼핑 */ getFooterMenuProdList(); /* 나의쇼핑 */ // 푸터메뉴 작동 // $(".bottom_menu .arrow").click(function(){ if($('.bottom_menu').hasClass('fixed')) { $(".bottom_menu").removeClass("fixed"); } else { $(".bottom_menu").addClass("fixed"); } }); select_lastest_book_list(0); //푸터박스메뉴 처음에 쇼핑카트 노출 $('.bottom_menu').show(); // 푸터메뉴 [쇼핑카트],[최근본상품],[위시리스트] 작동 // $(".bottom_menu .lastest_book_btn ul li").click(function(){ $(".bottom_menu").addClass("fixed"); }); $('.bottom_menu').show(); getFooterNotice(); }); function calc_footer_wish(){ var wish = $('[name=footer_wish_seqArr]:checked'); var total_sale_cost = 0; var total_market_sale = 0; var total_point = 0; var total_discount = 0; // 배송비 관련 변수 var retDeliCost = 0; // 전체 배송비 var retDeliCostY = 0; // 묶음배송 되는 전체 배송비 var retDeliCostN = 0; // 묶음배송 안되는 전체 배송비 var bundleDeliFreeFlag = false; // 묶음배송 무료 플래그 var ordCnt = 1; // 상품 주문수량 푸터박스메뉴에선 CNT는 무조건 하나로 처리 // 배송비 관련 변수 끝 wish.each( function(index, e){ var deli_cost = 1*$(this).siblings('[name=footer_wish_list_deli_cost_Arr]').val(); var sale_cost = 1*$(this).siblings('[name=footer_wish_list_sale_cost_Arr]').val(); var bundleDeliYn = $(this).siblings('[name=footer_wish_list_bundle_deli_yn_Arr]').val(); // 상품의 묶움 배송 가능여부 var deli_cost_condi = $(this).siblings('[name=footer_wish_list_deli_cost_condi_Arr]').val(); // 상품의 무료배송 조건 금액 total_sale_cost += sale_cost; total_market_sale += 1*$(this).siblings('[name=footer_wish_list_market_sale_Arr]').val(); total_point += 1*$(this).siblings('[name=footer_wish_list_point_Arr]').val(); // 배송비 계산 로직 시작 if ( bundleDeliYn === "N" ) { // 묶음배송 아닐때 if ( sale_cost*ordCnt < deli_cost_condi ) { retDeliCostN += deli_cost; } }else{ if ( total_sale_cost < deli_cost_condi ) { retDeliCostY += deli_cost; }else{ bundleDeliFreeFlag = true; } } }); // 묶음 배송 상품중 배송비 무료조건 달성시 0원처리 if (bundleDeliFreeFlag) { retDeliCostY = 0; } retDeliCost = retDeliCostY+retDeliCostN; total_discount = 1*total_market_sale-1*total_sale_cost; $('#footer_order_prod_cnt').text(wish.length); $('#footer_price').text(Add_MoneyComma(''+(total_sale_cost+retDeliCost) )); $('#footer_prod_discount').text(Add_MoneyComma(''+total_discount)); $('#footer_ship_charge').text(Add_MoneyComma(''+retDeliCost)); $('#footer_estimated_reserve').text(Add_MoneyComma(''+total_point)); } function calc_footer_shop(){ var shop = $('[name=footer_shop_seqArr]:checked'); var total_sale_cost = 0; var total_market_sale = 0; var total_point = 0; var total_discount = 0; // 배송비 관련 변수 var retDeliCost = 0; // 전체 배송비 var retDeliCostY = 0; // 묶음배송 되는 전체 배송비 var retDeliCostN = 0; // 묶음배송 안되는 전체 배송비 var bundleDeliFreeFlag = false; // 묶음배송 무료 플래그 var ordCnt = 1; // 상품 주문수량 푸터박스메뉴에선 CNT는 무조건 하나로 처리 // 배송비 관련 변수 끝 shop.each( function(index, e){ var deli_cost = 1*$(this).closest('.boook').find('[name=footer_shop_list_deli_cost_Arr]').val(); var sale_cost = 1*$(this).closest('.boook').find('[name=footer_shop_list_sale_cost_Arr]').val(); var bundleDeliYn = $(this).closest('.boook').find('[name=footer_shop_list_bundle_deli_yn_Arr]').val(); // 상품의 묶움 배송 가능여부 var deli_cost_condi = $(this).closest('.boook').find('[name=footer_shop_list_deli_cost_condi_Arr]').val(); // 상품의 무료배송 조건 금액 total_sale_cost += sale_cost; total_market_sale += 1*$(this).closest('.boook').find('[name=footer_shop_list_market_sale_Arr]').val(); total_point += 1*$(this).closest('.boook').find('[name=footer_shop_list_point_Arr]').val(); // 배송비 계산 로직 시작 if ( bundleDeliYn === "N" ) { // 묶음배송 아닐때 if ( sale_cost*ordCnt < deli_cost_condi ) { retDeliCostN += deli_cost; } }else{ if ( total_sale_cost < deli_cost_condi ) { retDeliCostY += deli_cost; }else{ bundleDeliFreeFlag = true; } } }); // 묶음 배송 상품중 배송비 무료조건 달성시 0원처리 if (bundleDeliFreeFlag) { retDeliCostY = 0; } retDeliCost = retDeliCostY+retDeliCostN; total_discount = 1*total_market_sale-1*total_sale_cost; $('#footer_order_prod_cnt').text(shop.length); $('#footer_price').text(Add_MoneyComma(''+(total_sale_cost+retDeliCost) )); $('#footer_prod_discount').text(Add_MoneyComma(''+total_discount)); $('#footer_ship_charge').text(Add_MoneyComma(''+retDeliCost)); $('#footer_estimated_reserve').text(Add_MoneyComma(''+total_point)); } function calc_footer_view(){ var view = $('[name=footer_view_seqArr]:checked'); var total_sale_cost = 0; var total_market_sale = 0; var total_point = 0; var total_discount = 0; // 배송비 관련 변수 var retDeliCost = 0; // 전체 배송비 var retDeliCostY = 0; // 묶음배송 되는 전체 배송비 var retDeliCostN = 0; // 묶음배송 안되는 전체 배송비 var bundleDeliFreeFlag = false; // 묶음배송 무료 플래그 var ordCnt = 1; // 상품 주문수량 푸터박스메뉴에선 CNT는 무조건 하나로 처리 // 배송비 관련 변수 끝 view.each( function(index, e){ var deli_cost = 1*$(this).closest('.boook').find('[name=footer_view_list_deli_cost_Arr]').val(); // 상품의 배송비 var sale_cost = 1*$(this).closest('.boook').find('[name=footer_view_list_sale_cost_Arr]').val(); var bundleDeliYn = $(this).closest('.boook').find('[name=footer_view_list_bundle_deli_yn_Arr]').val(); // 상품의 묶움 배송 가능여부 var deli_cost_condi = $(this).closest('.boook').find('[name=footer_view_list_deli_cost_condi_Arr]').val(); // 상품의 무료배송 조건 금액 total_sale_cost += sale_cost; total_market_sale += 1*$(this).closest('.boook').find('[name=footer_view_list_market_sale_Arr]').val(); total_point += 1*$(this).closest('.boook').find('[name=footer_view_list_point_Arr]').val(); // 배송비 계산 로직 시작 if ( bundleDeliYn === "N" ) { // 묶음배송 아닐때 if ( sale_cost*ordCnt < deli_cost_condi ) { retDeliCostN += deli_cost; } }else{ if ( total_sale_cost < deli_cost_condi ) { retDeliCostY += deli_cost; }else{ bundleDeliFreeFlag = true; } } }); // 묶음 배송 상품중 배송비 무료조건 달성시 0원처리 if (bundleDeliFreeFlag) { retDeliCostY = 0; } retDeliCost = retDeliCostY+retDeliCostN; total_discount = 1*total_market_sale-1*total_sale_cost; $('#footer_order_prod_cnt').text(view.length); $('#footer_price').text(Add_MoneyComma(''+(total_sale_cost+retDeliCost) )); $('#footer_prod_discount').text(Add_MoneyComma(''+total_discount)); $('#footer_ship_charge').text(Add_MoneyComma(''+retDeliCost)); $('#footer_estimated_reserve').text(Add_MoneyComma(''+total_point)); } function select_lastest_book_list(listnum){ if(listnum == '' || listnum == null || listnum == undefined){ listnum = 0; } $("#footer_book_menu_list li > a").removeClass('ov'); $("#footer_book_menu_list li > a").eq(listnum).addClass('ov'); $(".lastest_book_list").hide(); $(".lastest_book_list").eq(listnum).show(); if (listnum == 2) { // 위시리스트 일때만 쇼핑카트 등록 버튼 노출 $('.wishlist').eq(1).closest('li').show(); $('.wishlist').eq(0).closest('li').hide(); }else{ $('.wishlist').eq(0).closest('li').show(); $('.wishlist').eq(1).closest('li').hide(); } // 가격정보 계산 if ($(".lastest_book_list").eq(listnum).hasClass('footer_shop_list')) { calc_footer_shop(); }else if ($(".lastest_book_list").eq(listnum).hasClass('footer_book_list')) { calc_footer_view(); }else if ($(".lastest_book_list").eq(listnum).hasClass('footer_wish_list')) { calc_footer_wish(); } } // 푸터 최근본 상품 function getRecentProdList() { var prodId = getCookie('todayProdId'); var prodImg = getCookie('todayProdImg'); var prodName = getCookie('todayProdName'); var todayProdIds = ""; var todayProdImgs = ""; var todayProdNames = ""; if(prodId != null && prodId != "" && prodImg != null && prodImg != "" && prodName != null && prodName != ""){ todayProdIds = prodId.split("|")[1]; todayProdImgs = prodImg.split("|")[1]; todayProdNames = prodName.split("|")[1]; } var footerProdList = null; // 최근본 상품의 추가정보를 불러온다 $.ajax({ url: "/ajax/getFooterProdInfo.do", type: "post", async:false, data: {"prod_ids":todayProdIds}, dataType: "json", success: function(data) { footerProdList = data; } }); recentProdList(todayProdIds, todayProdImgs, todayProdNames, footerProdList); } // 최근본 상품 function recentProdList(todayProdIds, todayProdImgs, todayProdNames, footerProdList) { var HTML = ""; var errorImg = "this.src='http://image.bandinlunis.com/upload/images/common/noimg_type04.gif'"; // 쿠키가 없으면 최근본 상품 노출하지 않도록 if ( footerProdList == null ) { $("#recentProdArea").html('<li class="nodata">최근 본 상품이 없습니다.</li>'); $("#footer_book_list .aw_type_ss").hide(); }else{ if ((todayProdIds != "" && todayProdIds != null) && (todayProdImgs != "" && todayProdImgs != null) && (todayProdNames != "" && todayProdNames != null)) { todayProdIds = todayProdIds.split(","); todayProdImgs = todayProdImgs.split(","); todayProdNames = todayProdNames.split(","); $('#footer_veiw_list_cnt').text(todayProdIds.length); // console.log(footerProdList); for(i=0;i<todayProdIds.length;i++) { // console.log(footerProdList[todayProdIds[i]]); if(i == 0 || (i%6) == 0) { HTML += '<li class="swiper-slide"><ul>'; } HTML += '<li>'; HTML += ' <div class="boook"><div class="check">'; HTML += ' <input type="checkbox" name="footer_view_seqArr" class="footer_veiw_list_chk" prod_id="'+todayProdIds[i]+'" ></div><a href="https://www.bandinlunis.com/front/product/detailProduct.do?prodId='+todayProdIds[i]+'"><img src="http://image.bandinlunis.com/upload'+todayProdImgs[i]+'" onerror="this.src=\'http://image.bandinlunis.com/images/common/noimg_type01.gif\'"></a>'; if (footerProdList[todayProdIds[i]].prodName.length > 20) { HTML += ' <p class="boook_name">'+footerProdList[todayProdIds[i]].prodName.substr(0,17)+'...</p>'; }else{ HTML += ' <p class="boook_name">'+footerProdList[todayProdIds[i]].prodName+'</p>'; } HTML += ' <input type="hidden" name="footer_view_list_sale_cost_Arr" value="'+footerProdList[todayProdIds[i]].saleCost+'">'; HTML += ' <input type="hidden" name="footer_view_list_market_sale_Arr" value="'+footerProdList[todayProdIds[i]].marketSale+'">'; HTML += ' <input type="hidden" name="footer_view_list_deli_cost_Arr" value="'+footerProdList[todayProdIds[i]].deliCost+'">'; HTML += ' <input type="hidden" name="footer_view_list_deli_cost_condi_Arr" value="'+footerProdList[todayProdIds[i]].deliCostCondi+'">'; HTML += ' <input type="hidden" name="footer_view_list_deli_cost_std_Arr" value="'+footerProdList[todayProdIds[i]].deliCostStd+'">'; HTML += ' <input type="hidden" name="footer_view_list_point_Arr" value="'+footerProdList[todayProdIds[i]].point+'">'; HTML += ' <input type="hidden" name="footer_view_list_bundle_deli_yn_Arr" value="'+footerProdList[todayProdIds[i]].bundleDeliYn+'">'; HTML += ' <input type="hidden" name="footer_view_prodIdArr" value="'+todayProdIds[i]+'" >'; HTML += ' </div>'; HTML += '</li>'; if((i+1) == todayProdIds.length || ((i+1)%6) == 0) { HTML += '</ul></li>'; } } $("#recentProdArea").html(HTML); var mSbn = new Swiper('.today_view .footer_book_list',{ pagination: '.today_view .footer_book_list .pagination', simulateTouch: false, paginationClickable: true, calculateHeight: true, onSlideChangeEnd: function () { $(".today_view #footer_book_list .start_index").html(mSbn.activeLoopIndex + 1); } }); $(".today_view #footer_book_list .end_index").html(mSbn.paginationButtons.length); $('#mSBnLt').on('click', function(e){ e.preventDefault(); mSbn.swipePrev(); }); $('#mSBnRt').on('click', function(e){ e.preventDefault(); mSbn.swipeNext(); }); }else { $("#recentProdArea").html('<li class="nodata">최근 본 상품이 없습니다.</li>'); $("#footer_book_list .aw_type_ss").hide(); } } // foorProdList == null } // 위시리스트 function getFooterMenuProdList() { var rv = Array(); if(isLogin()) { $.ajax({ url : '/ajax/getMainFooterLists.do', type : 'POST', data: {"page":1,"listSize":200}, dataType : 'json', success : function(res){ // console.log(res.list); var result = res; var HTML = ""; var errorImg = "this.src='http://image.bandinlunis.com/upload/images/common/noimg_type04.gif'"; if (result.list != null && result.cnt > 0) { var wish_list = result.list; // if (result.cnt > 20) { // result.cnt = 20; // } $('#footer_wish_list_cnt').text(result.cnt); console.log(wish_list); for(i=0;i<result.cnt;i++) { if(i == 0 || (i%6) == 0) { HTML += '<li class="swiper-slide"><ul>'; } HTML += '<li>'; HTML += ' <div class="boook">'; HTML += ' <div class="check">'; HTML += ' <input type="checkbox" name="footer_wish_seqArr" class="footer_wish_list_chk" prod_id="'+wish_list[i].prod_id+'" value="'+wish_list[i].seq+'">'; HTML += ' <input type="hidden" name="footer_wish_list_sale_cost_Arr" value="'+wish_list[i].sale_cost+'">'; HTML += ' <input type="hidden" name="footer_wish_list_market_sale_Arr" value="'+wish_list[i].market_sale+'">'; HTML += ' <input type="hidden" name="footer_wish_list_deli_cost_Arr" value="'+wish_list[i].deli_cost+'">'; HTML += ' <input type="hidden" name="footer_wish_list_deli_cost_condi_Arr" value="'+wish_list[i].deli_cost_condi+'">'; HTML += ' <input type="hidden" name="footer_wish_list_deli_cost_std_Arr" value="'+wish_list[i].deli_cost_std+'">'; HTML += ' <input type="hidden" name="footer_wish_list_point_Arr" value="'+wish_list[i].point+'">'; HTML += ' <input type="hidden" name="footer_wish_list_bundle_deli_yn_Arr" value="'+wish_list[i].bundle_deli_yn+'">'; HTML += ' </div>'; HTML += ' <a href="https://www.bandinlunis.com/front/product/detailProduct.do?prodId='+wish_list[i].prod_id+'"><img src="http://image.bandinlunis.com/upload'+wish_list[i].prod_img+'" onerror="this.src=\'http://image.bandinlunis.com/images/common/noimg_type01.gif\'"></a>'; if (wish_list[i].prod_name.length > 20) { HTML += ' <p class="boook_name">'+wish_list[i].prod_name.substr(0,17)+'...</p>'; }else{ HTML += ' <p class="boook_name">'+wish_list[i].prod_name+'</p>'; } HTML += ' </div>'; HTML += '</li>'; if((i+1) == result.cnt || ((i+1)%6) == 0) { HTML += '</ul></li>'; } } $("#wishProdArea").html(HTML); var mSbn = new Swiper('.today_view .footer_wish_list ',{ pagination: '.today_view .footer_wish_list .pagination', simulateTouch: false, paginationClickable: true, calculateHeight: true, onSlideChangeEnd: function () { $(".today_view #footer_wish_list .start_index").html(mSbn.activeLoopIndex + 1); } }); $(".today_view #footer_wish_list .end_index").html(mSbn.paginationButtons.length); $('#mSBnLtWish').on('click', function(e){ e.preventDefault(); mSbn.swipePrev(); }); $('#mSBnRtWish').on('click', function(e){ e.preventDefault(); mSbn.swipeNext(); }); }else{ $("#wishProdArea").html('<li class="nodata">위시리스트 상품이 없습니다.</li>'); $("#footer_wish_list .aw_type_ss").hide(); } }, error : function(XMLHttpRequest, textStatus, errorThrown){ console.log("통신 실패."); } }); }else { $("#wishProdArea").html('<li class="nodata">위시리스트 상품이 없습니다.</li>'); $("#footer_wish_list .aw_type_ss").hide(); } } // 쇼핑카트 정보 function latestBookCartInfo(){ $.ajax({ url: "/ajax/latestBookCartLists.do", type: "post", data: {"page":1,"listSize":200}, dataType: "json", success: function(data) { if(data != null){ var HTML = ""; var errorImg = "this.src='http://image.bandinlunis.com/upload/images/common/noimg_type04.gif'"; var shop_list = data.latestBookCartList; // console.log(shop_list); if(shop_list != null && shop_list.length > 0){ for(var i=0;i<shop_list.length;i++){ if(i == 0 || (i%6) == 0) { HTML += '<li class="swiper-slide"><ul>'; } HTML += '<li>'; HTML += ' <div class="boook">'; HTML += ' <div class="check"><input type="checkbox" name="footer_shop_seqArr" class="footer_shop_list_chk" value="'+shop_list[i].seq+'"></div><a href="https://www.bandinlunis.com/front/product/detailProduct.do?prodId='+shop_list[i].prod_id+'"><img src="http://image.bandinlunis.com/upload'+shop_list[i].prod_img+'" onerror="this.src=\'http://image.bandinlunis.com/images/common/noimg_type01.gif\'"></a>'; if (shop_list[i].prod_name.length > 20) { HTML += ' <p class="boook_name">'+shop_list[i].prod_name.substr(0,17)+'...</p>'; }else{ HTML += ' <p class="boook_name">'+shop_list[i].prod_name+'</p>'; } HTML += ' <input type="hidden" name="footer_shop_list_sale_cost_Arr" value="'+shop_list[i].sale_cost+'">'; HTML += ' <input type="hidden" name="footer_shop_list_market_sale_Arr" value="'+shop_list[i].market_sale+'">'; HTML += ' <input type="hidden" name="footer_shop_list_deli_cost_Arr" value="'+shop_list[i].deli_cost+'">'; HTML += ' <input type="hidden" name="footer_shop_list_deli_cost_condi_Arr" value="'+shop_list[i].deli_cost_condi+'">'; HTML += ' <input type="hidden" name="footer_shop_list_deli_cost_std_Arr" value="'+shop_list[i].deli_cost_std+'">'; HTML += ' <input type="hidden" name="footer_shop_list_point_Arr" value="'+shop_list[i].point+'">'; HTML += ' <input type="hidden" name="footer_shop_list_bundle_deli_yn_Arr" value="'+shop_list[i].bundle_deli_yn+'">'; HTML += ' <input type="hidden" id="footer_shop_prodIdArr_'+shop_list[i].seq+'" name="footer_shop_prodIdArr" value="'+shop_list[i].prod_id+'">'; HTML += ' </div>'; HTML += '</li>'; if((i+1) == data.latestBookCartTotCnt || ((i+1)%6) == 0) { HTML += '</ul></li>'; } } $("#shopProdArea").html(HTML); $("#footer_cart_list_cnt").text(data.latestBookCartTotCnt); $(".cart_num").text(shop_list.length); var mSbn = new Swiper('.today_view .footer_shop_list ',{ pagination: '.today_view .footer_shop_list .pagination', simulateTouch: false, paginationClickable: true, calculateHeight: true, onSlideChangeEnd: function () { $(".today_view #footer_shop_list .start_index").html(mSbn.activeLoopIndex + 1); } }); $(".today_view #footer_shop_list .end_index").html(mSbn.paginationButtons.length); $('#mSBnLtShop').on('click', function(e){ e.preventDefault(); mSbn.swipePrev(); }); $('#mSBnRtShop').on('click', function(e){ e.preventDefault(); mSbn.swipeNext(); }); }else{ $("#shopProdArea").html('<li class="nodata">쇼핑카트에 상품이 없습니다.</li>'); $("#footer_shop_list .aw_type_ss").hide(); } } }, error: function(){ } }); } function all_select_prod(){ var visibleCheckBox = $('.lastest_book_list:not([style*="display: none"]) ul li ul li .check > input[type="checkbox"]'); if ($('.all_select').hasClass('all')) { $('.all_select').removeClass('all'); visibleCheckBox.prop("checked", false); }else{ $('.all_select').addClass('all'); visibleCheckBox.prop("checked", true); } // 가격정보 계산 if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_shop_list')) { calc_footer_shop(); }else if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_book_list')) { calc_footer_view(); }else if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_wish_list')) { calc_footer_wish(); } } function array_into_wishlist() { if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_shop_list')) { add_wish_array(document.getElementsByName("footer_shop_seqArr"),document.getElementsByName("footer_shop_prodIdArr")); location.reload(); }else if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_book_list')) { add_wish_array(document.getElementsByName("footer_view_seqArr"),document.getElementsByName("footer_view_prodIdArr")); location.reload(); } } //쇼핑카트 선택상품 삭제 $(".select_del").click(function(){ var visibleDiv = $('.lastest_book_list:not([style*="display: none"])'); // 쇼핑카트 삭제 처리 if(visibleDiv.attr('id') == 'footer_shop_list'){ var p_seqArr = ""; var cnt = 0; for(i=0;i<$("input[name=footer_shop_seqArr]:checked").size();i++) { if(cnt > 0) { p_seqArr += ","; } p_seqArr += $("input[name=footer_shop_seqArr]:checked").eq(i).val(); cnt++; } if(p_seqArr == "") { alert("상품을 1개 이상 선택해주세요."); return; } if(!confirm("삭제하시겠습니까?")) { return; } footer_deleteShopCartArray(p_seqArr); }else if(visibleDiv.attr('id') == 'footer_book_list'){ // 최근 본 상품 삭제 처리 불가 var r_seqArr = ""; var recent_cnt = 0; for(i=0;i<$("input[name=footer_view_seqArr]:checked").size();i++) { if(recent_cnt > 0) { r_seqArr += ","; } r_seqArr += $("input[name=footer_view_seqArr]:checked").eq(i).val(); recent_cnt++; } if(r_seqArr == "") { alert("상품을 1개 이상 선택해주세요."); return; } if(!confirm("삭제하시겠습니까?")) { return; } footer_remove_recent_prod(r_seqArr); alert('삭제되었습니다.'); location.reload(); }else if(visibleDiv.attr('id') == 'footer_wish_list'){ // 위시리스트 삭제 처리 footer_removeProd(); } }); /* 사용자가 선택한 상품을 상품카트에서 삭제한다. */ function footer_deleteShopCartArray(p_seqArr) { var param = {seqArr:p_seqArr}; OrderDwr.deleteShopCart(param, function (val) { if(val==0) { window.location.reload(); }else { alert("오류사항이 발견되었습니다, 관리자에게 문의해 주세요."); } } ); } /* 사용자가 선택한 상품을 위시리스트에서 삭제한다. */ function footer_removeProd(){ var seqs = jutil.form.getCheckboxValue("footer_wish_seqArr"); if(seqs.length == 0){ alert("삭제할 상품을 선택해 주십시오"); return; } if(confirm("선택하신 상품을 삭제하시겠습니까?")){ location.href = "/front/myshopping/myWishList.do?mode=remove&seqs=" + seqs.join(","); alert("삭제되었습니다."); location.reload(); } } /* 사용자가 선택한 상품을 최근본 상품에서 삭제한다. */ function footer_remove_recent_prod(r_seqArr){ var todayProdIds = jutil.bandi.getTodayProdId(); var todayProdImgs = jutil.bandi.getTodayProdImg(); var todayProdNames = jutil.bandi.getTodayProdName(); for(i=0;i<$("input[name=footer_view_seqArr]").size();i++) { if($("input[name=footer_view_seqArr]").eq(i).is(":checked") == true ){ // 특정 값 삭제 todayProdIds = jutil.array.removeAt(todayProdIds,i); todayProdImgs = jutil.array.removeAt(todayProdImgs,i); todayProdNames = jutil.array.removeAt(todayProdNames,i); } } // 쿠키 재설정 jutil.bandi.setCookieTodayProdName("todayProdName", todayProdNames.join(",")); jutil.bandi.setCookieTodayProdId("todayProdId", todayProdIds.join(",")); jutil.bandi.setCookieTodayProdImg("todayProdImg", todayProdImgs.join(",")); } function addCart_foot(order){ var seqs = ""; if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_book_list')) { // 최근 본 상품 seqs = document.getElementsByName("footer_view_seqArr"); }else if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_wish_list')) { // 위시리스트 seqs = document.getElementsByName("footer_wish_seqArr"); }else{ if (order=='order') { location.href='/front/order/shopCartList.do'; } } if (seqs == "") { alert('상품을 선택해주세요.'); return; } var prodId = ""; for(var i=0; i < seqs.length; i++){ if(seqs[i].checked){ prodId += seqs[i].getAttribute("prod_id") + ","; } } if(prodId == ""){ alert("상품을 선택해주세요."); return; } var tmpArr = prodId.split(","); var resultArr = Array(); var cntArr = Array(); for(var i=0 ; i < tmpArr.length ; i++){ resultArr.push(" "); cntArr.push(1); } add_basket_array_common(prodId, resultArr.join(","), cntArr.join(","), resultArr.join(","), true, addCartFootCallBack, true); if (order=='order') { location.href='/front/order/shopCartList.do'; } } function addCartFootCallBack( data ){ // console.log(data); // console.log(data.e_prod_id); var e_prod_id = data.e_prod_id.replace('[',''); e_prod_id = e_prod_id.replace(']',''); if ( data.result_code >= 0 ) { // 성공시 jutil.bandi.reloadWiseCart("cart"); location.reload(); }else{ // 실패 // 현재 열린 탭 구분 if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_shop_list')) { // 쇼핑카트 var seqs = document.getElementsByName("footer_shop_seqArr"); for(var i=0; i < seqs.length; i++){ if(seqs[i].checked){ if( seqs[i].getAttribute("prod_id") == e_prod_id ){ // 등록 실패한 상품 체크박스 체크 해제 $('input[name=footer_shop_seqArr][prod_id='+e_prod_id+']').prop("checked",false); } } } calc_footer_shop(); }else if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_book_list')) { // 최근본상품 var seqs = document.getElementsByName("footer_view_seqArr"); for(var i=0; i < seqs.length; i++){ if(seqs[i].checked){ if( seqs[i].getAttribute("prod_id") == e_prod_id ){ // 등록 실패한 상품 체크박스 체크 해제 $('input[name=footer_view_seqArr][prod_id='+e_prod_id+']').prop("checked",false); } } } calc_footer_view(); }else if ($('.lastest_book_list:not([style*="display: none"])').hasClass('footer_wish_list')) { // 위시리스트 var seqs = document.getElementsByName("footer_wish_seqArr"); for(var i=0; i < seqs.length; i++){ if(seqs[i].checked){ if( seqs[i].getAttribute("prod_id") == e_prod_id ){ // 등록 실패한 상품 체크박스 체크 해제 $('input[name=footer_wish_seqArr][prod_id='+e_prod_id+']').prop("checked",false); } } } calc_footer_wish(); } } } function footer_go_order(){ var visibleDiv = $('.lastest_book_list:not([style*="display: none"])'); // 쇼핑카트에서 눌렀다면 바로 쇼핑카트로 이동 if(visibleDiv.attr('id') == 'footer_shop_list'){ }else if(visibleDiv.attr('id') == 'footer_book_list'){ // 최근 본 상품 삭제 처리 불가 alert('최근 본 상품은 삭제가 불가능합니다.'); footer_remove_recent_prod(); }else if(visibleDiv.attr('id') == 'footer_wish_list'){ // 위시리스트 삭제 처리 footer_removeProd(); } } // 상품 id로 상품 재고 개수 가져오기 function getProdMaxOrdCnt(prodId){ var maxOrdCnt = 0; $.ajax({ url: "/ajax/getMaxOrdCnt.do", type: "post", async:false, data: {"prod_id":prodId}, dataType: "json", success: function(data) { maxOrdCnt = data.realQty; }, error: function(){ } }); return maxOrdCnt; } // 주문수량 function addProdCntChk(prodId, value) { var prodCnt = 1; var maxOrdCnt = getProdMaxOrdCnt(prodId); if(value != null && value != ""){ prodCnt = Number(prodCnt) + value; } if (Number(prodCnt) < 1) { prodCnt = 1; }else if(Number(prodCnt) > Number(maxOrdCnt)){ prodCnt = maxOrdCnt; alert("주문가능 최대 수량을 초과했습니다."); } return prodCnt; } function getFooterNotice(){ // 공지사항을 불러온다 $.ajax({ url: "/ajax/getNotice.do", type: "post", async:true, dataType: "json", success: function(data) { console.log(data[0]); var notice = data.noticeList; var html = ""; html += '<ul>'; for (var i = 0; i < 5; i++) { html += '<li>'; html += '<a href="/front/help/helpNoticeDetail.do?bbsIdx='+notice[i].bbsidx+'&bid='+notice[i].bbsidx+'">'+notice[i].subject+'</a>'; html += '</li>'; } html += '</ul>'; $('#noticeArea').html(html); setRollingList("noticeArea", "up"); } }); } // div > ul > li function setRollingList(divId, direction){ var arr = $("#"+divId+" li").toArray(); if(arr != "") { $("#"+divId).empty(); var rollingDiv = $("#"+divId); rollingDiv.rolling(direction, parseInt($(window).width())-170, 30, 1); rollingDiv.bind("mouseover", function() { $("#"+divId).stopRolling(); }); rollingDiv.bind("mouseout", function() { $("#"+divId).resumeRolling(); }); for(var i=0; i<arr.length; i++){ rollingDiv.addRollingItem("<li>" + arr[i].innerHTML + "</li>"); } rollingDiv.startRolling(50, 2000, 10); } } </script> <style> .m_notice{ display: inline-block; vertical-align: middle; margin: 23px 0 0px -40px; } .m_notice:after{ clear: both; display: block; content: ''; } .m_n_list{ display: flex; justify-content: space-between; position: relative; width: 380px; margin: 0 auto; overflow: hidden; font-size: 14px; vertical-align: middle; } .m_n_list li a{ width: 380px; display:block; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow:hidden; } </style> <!-- WISELOG ONLINE TRACKING SCRIPT CODE START --> <!-- <script src='/js/wiselog/wlo.js' type='text/javascript'></script> --> <script type="text/javascript"> _n_sid = "10081000153"; _n_uid_cookie = "MEM_ID"; _n_uid_val = ""; n_logging(); </script> <!-- WISELOG ONLINE TRACKING SCRIPT CODE END --> <!-- N2S 공통스크립트 start --> <script type="text/javascript"> var TRS_PROTOCOL = document.location.protocol; var orderUrl = document.location.pathname; var TRS2_URL = TRS_PROTOCOL + '//web.n2s.co.kr/js/' + ((orderUrl.indexOf("orderSuccess") > 0)?'_n2s_sp_order_bandibook.js':'_n2s_sp_log_bandibook.js'); if(TRS_PROTOCOL == "http:"){ document.writeln("<scr"+"ipt language='javascript' src='" + TRS2_URL + "'></scr"+"ipt>"); } </script> <!-- N2S 공통스크립트 end --> <!-- 네이버 공통유입 스크립트 start --> <script type="text/javascript"> // if(!wcs_add) var wcs_add = {}; // wcs_add["wa"] = "s_5a299784e479"; // wcs_do(); </script> <!-- 네이버 공통유입 스크립트 end --> <!-- NAVER SCRIPT START --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "s_5a299784e479"; if (!_nasa) var _nasa={}; if (window.wcs) { wcs.inflow("bandinlunis.com"); wcs_do(_nasa); } </script> <!-- 이지웰 아이프레임 리사이징 start --> <script type="text/javascript"> </script> <!-- 이지웰 아이프레임 리사이징 end --> <!-- 애드베이 start --> <iframe id="hfrADCheck" src="http://adcheck.about.co.kr/mad/prd/view?shopid=bandibook" scrolling="no" frameborder="0" width="0" height="0"></iframe> <!-- 애드베이 end --> <img id="RECOMMEND_LOGGING" style="display:none;">