191 lines
10 KiB
PHP
191 lines
10 KiB
PHP
<?php $bland_code = "kia"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
<?php $gnbStyleCode = "hskey"; ?>
|
|
<!--
|
|
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
|
|
-->
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
|
?>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/service.css?v1" type="text/css" />
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
|
?>
|
|
|
|
</head>
|
|
<body id="faq">
|
|
<div class="csKey"> </div>
|
|
|
|
<!--//header-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
|
?>
|
|
<!--//header-->
|
|
|
|
<div class="pageTitle">
|
|
<h1>1:1 문의하기</h1>
|
|
</div>
|
|
<!--//content-warp-->
|
|
<div class="contentWarp">
|
|
|
|
<div class="comp_wide">
|
|
<div class="inquiryEdit">
|
|
<div class="inquiryType">
|
|
<div class="info">
|
|
1:1로 문의 시 답변은 [마이페이지 > 문의 내역] 에서 확인하실 수 있으며, 해당 글은 목록에 게시되지 않습니다.
|
|
</div>
|
|
</div>
|
|
<div class="csWarp">
|
|
<div class="csInner">
|
|
<div class="formBox">
|
|
<dl class="important">
|
|
<dt>문의유형</dt>
|
|
<dd>
|
|
<select name="" id="selectInquiryType">
|
|
<option value="">문의 유형을 선택해주세요.</option>
|
|
<option value="">주문 및 결제</option>
|
|
<option value="">취소 및 환불</option>
|
|
<option value="">설치 및 이용</option>
|
|
<option value="etc">기타</option>
|
|
</select>
|
|
</dd>
|
|
</dl>
|
|
<dl class="important">
|
|
<dt>문의 제목</dt>
|
|
<dd>
|
|
<input type="text" placeholder="문의 제목을 입력해주세요.">
|
|
</dd>
|
|
</dl>
|
|
<dl class="important">
|
|
<dt>문의 내용</dt>
|
|
<dd class="contentsWrap">
|
|
<textarea class="inquiryContents" name="" id="" cols="30" rows="10" placeholder="문의 내용을 입력해주세요. 연락처, 이메일 등 개인정보가 포함된 문의는 1:1로 문의해주세요.비방/욕설/홍보/명예훼손성 등 상품과 무관하거나 부적절한 내용을 등록 시 글쓰기 제한 및 통보 없이 삭제될 수 있습니다."></textarea>
|
|
<div class="wordCounter textCount">
|
|
0/1000
|
|
</div>
|
|
</dd>
|
|
</dl>
|
|
<dl class="insertFile">
|
|
<dt>사진 첨부</dt>
|
|
<dd class="flieWarp">
|
|
<div class="fileList">
|
|
<ul>
|
|
<li class="imgItem">
|
|
<div class="itemWrap">
|
|
<input type="file" accept="image/*" name="inquiryImgFile" id="inquiryImgFile1" class="imgInput">
|
|
<label for="inquiryImgFile1" class="contents">
|
|
<img src="/kr/assets/images/common/icon-add_image.png" class="inquiryImg" alt="image_file">
|
|
</label>
|
|
|
|
</div>
|
|
<button class="delImg">
|
|
<img src="/kr/assets/images/common/icon-img_del.svg" alt="이미지 삭제">
|
|
</button>
|
|
</li>
|
|
<li class="imgItem">
|
|
<div class="itemWrap">
|
|
<input type="file" accept="image/*" name="inquiryImgFile" id="inquiryImgFile2" class="imgInput">
|
|
<label for="inquiryImgFile2" class="contents">
|
|
<img src="/kr/assets/images/common/icon-add_image.png" class="inquiryImg" alt="image_file">
|
|
</label>
|
|
</div>
|
|
<button class="delImg">
|
|
<img src="/kr/assets/images/common/icon-img_del.svg" alt="이미지 삭제">
|
|
</button>
|
|
</li>
|
|
<li class="imgItem">
|
|
<div class="itemWrap">
|
|
<input type="file" accept="image/*" name="inquiryImgFile" id="inquiryImgFile3" class="imgInput">
|
|
<label for="inquiryImgFile3" class="contents">
|
|
<img src="/kr/assets/images/common/icon-add_image.png" class="inquiryImg" alt="image_file">
|
|
</label>
|
|
</div>
|
|
<button class="delImg">
|
|
<img src="/kr/assets/images/common/icon-img_del.svg" alt="이미지 삭제">
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<p class="textInfo">*사진 첨부는 최대 3개까지 가능하며, 5mb 이하의 jpg, jpeg, png, gif의 이미지 파일만 업로드 가능합니다.
|
|
</p>
|
|
</dd>
|
|
</dl>
|
|
<script>
|
|
|
|
// 이미지 삭제 스크립트
|
|
// 이미 DB에 등록되어 있는 경우는 별도 처리가 필요해 보입니다.
|
|
// IE는 고려하지 않았습니다.
|
|
$(document).on("click", ".delImg", function() {
|
|
$(this).prev().find(".imgInput").val("");
|
|
$(this).prev().find(".inquiryImg").attr('src', '/kr/assets/images/common/icon-add_image.png');
|
|
$(this).css("display","none");
|
|
});
|
|
|
|
//문의 유형 '기타'선택시 레이어팝업
|
|
$(document).ready(function(){
|
|
$('#selectInquiryType').on('change', function(e){
|
|
console.log($(this).val() === 'etc');
|
|
if($(this).val() === 'etc'){
|
|
$('.popupWarp').show();
|
|
$('.popupWarp .popInner.inquiryCaseEtc').show();
|
|
}
|
|
});
|
|
$('.buttonClose').on('click', function(e){
|
|
e.preventDefault();
|
|
$('.popupWarp, .popupWarp .popInner').hide();
|
|
$('#selectInquiryType').val("");
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="carswBtn">
|
|
<div class="towButton">
|
|
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('inquiry_popup');"><p>취소</p></a>
|
|
<a href="javascript:;" class="PurchaseBtn rightBtn"><p>문의하기</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!--//content-warp-->
|
|
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|