영카트 q&a 새창말고 현재창에서 작성하기
본문
안녕하세요.
영카트로 쇼핑몰 제작중인데
상품상세페이지에 가면 상품후기, Q&A 가 '상품후기 쓰기', '상품문의 쓰기' 버튼을 클릭하면 새 창으로 뜨고 글을 작성할 수 있는데
Q&A 부분을 바로 현재페이지에서 작성하기를 하고 싶습니다. 그래서 item.info.skin.php에 itemqaform.skin.php 를 그대로 같다 붙이기를 했는데 글은 잘 작성이 되지만 itemqaformupdate.php 창으로 넘어갑니다
저는 itemqaformupdate 페이지가 뜨는게 아니라 현 위치에 그대로 있기를 바라는데 무엇을 수정해야할까요?
원래 페이지
변경 후 페이지
작성을 클릭할 경우 나오는페이지
변경한 페이지의 코드
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
?>
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
<section id="sit_info">
<div id="sit_tab">
<ul class="tab_con">
<ul class="tab_tit">
<li><button type="button" rel="#sit_inf" class="selected">상세정보</button></li>
<li><button type="button" rel="#sit_use">구매평<span class="item_use_count"><?php echo $item_use_count; ?></span></button></li>
<li><button type="button" rel="#sit_qa">Q&A<span class="item_qa_count"><?php echo $item_qa_count; ?></span></button></li>
<li><button type="button" rel="#sit_dex">배송안내</button></li>
</ul>
<!-- 상품 정보 시작 { -->
<li id="sit_inf">
<h2 class="contents_tit"><span>상품 정보</span></h2>
<?php if ($it['it_explan']) { // 상품 상세설명 ?>
<h3>상품 상세설명</h3>
<div id="sit_inf_explan">
<?php echo conv_content($it['it_explan'], 1); ?>
</div>
<?php } ?>
<?php
if ($it['it_info_value']) { // 상품 정보 고시
$info_data = unserialize(stripslashes($it['it_info_value']));
if(is_array($info_data)) {
$gubun = $it['it_info_gubun'];
$info_array = $item_info[$gubun]['article'];
?>
<h3>상품 정보 고시</h3>
<table id="sit_inf_open">
<tbody>
<?php
foreach($info_data as $key=>$val) {
$ii_title = $info_array[$key][0];
$ii_value = $val;
?>
<tr>
<th scope="row"><?php echo $ii_title; ?></th>
<td><?php echo $ii_value; ?></td>
</tr>
<?php } //foreach?>
</tbody>
</table>
<!-- 상품정보고시 end -->
<?php
} else {
if($is_admin) {
echo '<p>상품 정보 고시 정보가 올바르게 저장되지 않았습니다.<br>config.php 파일의 G5_ESCAPE_FUNCTION 설정을 addslashes 로<br>변경하신 후 관리자 > 상품정보 수정에서 상품 정보를 다시 저장해주세요. </p>';
}
}
} //if
?>
</li>
<ul class="tab_tit">
<li><button type="button" rel="#sit_inf">상세정보</button></li>
<li><button type="button" rel="#sit_use" class="selected">구매평<span class="item_use_count"><?php echo $item_use_count; ?></span></button></li>
<li><button type="button" rel="#sit_qa">Q&A<span class="item_qa_count"><?php echo $item_qa_count; ?></span></button></li>
<li><button type="button" rel="#sit_dex">배송안내</button></li>
</ul>
<!-- 사용후기 시작 { -->
<li id="sit_use">
<h2>사용후기</h2>
<div id="itemuse"><?php include_once(G5_SHOP_PATH.'/itemuse.php'); ?></div>
</li>
<!-- } 사용후기 끝 -->
<ul class="tab_tit">
<li><button type="button" rel="#sit_inf">상세정보</button></li>
<li><button type="button" rel="#sit_use">구매평<span class="item_use_count"><?php echo $item_use_count; ?></span></button></li>
<li><button type="button" rel="#sit_qa" class="selected">Q&A<span class="item_qa_count"><?php echo $item_qa_count; ?></span></button></li>
<li><button type="button" rel="#sit_dex">배송안내</button></li>
</ul>
<!-- 상품문의 시작 { -->
<li id="sit_qa">
<h2>상품문의</h2>
<div id="sit_qa_write" class="new_win">
<!-- <h1 id="win_title">상품문의 쓰기</h1> -->
<form name="fitemqa" method="post" action="<?php echo G5_SHOP_URL;?>/itemqaformupdate.php" onsubmit="return fitemqa_submit(this);" autocomplete="off">
<input type="hidden" name="w" value="<?php echo $w; ?>">
<input type="hidden" name="it_id" value="<?php echo $it_id; ?>">
<input type="hidden" name="iq_id" value="<?php echo $iq_id; ?>">
<div class="form_01 new_win_con">
<ul>
<li class="chk_box">
<strong class="sound_only">옵션</strong>
<input type="checkbox" name="iq_secret" id="iq_secret" value="1" <?php echo $chk_secret; ?> class="selec_chk">
<label for="iq_secret" class="iq_secret" ><span></span>비공개</label>
<div class="win_btn">
<button type="submit" class="btn_submit">작성</button>
</div>
</li>
<li>
<div class="qna_box">
<label for="iq_subject" class="sound_only">제목<strong> 필수</strong></label>
<input type="text" name="iq_subject" value="<?php echo get_text($qa['iq_subject']); ?>" id="iq_subject" required class="required frm_input" maxlength="250" placeholder="제목">
</div>
<div class="qna_box">
<label for="iq_email" class="sound_only">이메일</label>
<input type="text" name="iq_email" id="iq_email" value="<?php echo get_text($qa['iq_email']); ?>" class="frm_input full_input" size="30" placeholder="이메일"><br>
<span class="frm_info">이메일을 입력하시면 답변 등록 시 답변이 이메일로 전송됩니다.</span>
</div>
<div class="qna_box">
<label for="iq_hp" class="sound_only">휴대폰</label>
<input type="text" name="iq_hp" id="iq_hp" value="<?php echo get_text($qa['iq_hp']); ?>" class="frm_input full_input" size="20" placeholder="휴대폰"><br>
<span class="frm_info">휴대폰번호를 입력하시면 답변 등록 시 답변등록 알림이 SMS로 전송됩니다.</span>
</div>
</li>
<li>
<label for="iq_question" class="sound_only">질문</label>
<textarea name="iq_question" id="iq_question" cols="30" rows="10" value="<?php echo get_text($qa['iq_question']); ?>" placeholder="제품에 관한 문의는 언제나 환영입니다."></textarea>
<?php //echo $editor_html; ?>
</li>
</ul>
</div>
</form>
</div>
<!-- } 상품문의 쓰기 끝 -->
<div id="itemqa"><?php include_once(G5_SHOP_PATH.'/itemqa.php'); ?></div>
</li>
<!-- } 상품문의 끝 -->
<ul class="tab_tit">
<li><button type="button" rel="#sit_inf" >상세정보</button></li>
<li><button type="button" rel="#sit_use">구매평<span class="item_use_count"><?php echo $item_use_count; ?></span></button></li>
<li><button type="button" rel="#sit_qa">Q&A<span class="item_qa_count"><?php echo $item_qa_count; ?></span></button></li>
<li><button type="button" rel="#sit_dex" class="selected">배송안내</button></li>
</ul>
<!-- 배송/교환 시작 { -->
<li id="sit_dex">
<h2>배송/교환정보</h2>
<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>
<!-- 배송 시작 { -->
<div id="sit_dvr">
<h3>배송</h3>
<?php echo conv_content($default['de_baesong_content'], 1); ?>
</div>
<!-- } 배송 끝 -->
<?php } ?>
<?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>
<!-- 교환 시작 { -->
<div id="sit_ex" >
<h3>교환</h3>
<?php echo conv_content($default['de_change_content'], 1); ?>
</div>
<!-- } 교환 끝 -->
<?php } ?>
</li>
<!-- } 배송/교환 끝 -->
</ul>
</div>
<script>
$(function (){
//변경 200515 n
$(".tab_tit li button").click(function(){
//$(".tab_tit li button").removeClass("selected");
//$(this).addClass("selected");
//$(".tab_con>li").hide();
var tabLi = $(this).attr("rel");
//console.log(tabLi);
var tabtop = $(tabLi).offset().top;
//console.log(tabtop);
$('html, body').animate({'scrollTop': (tabtop - 100)+'px'}, 500)
});
$('#sit_dex h3, #sit_dex h2').hide()
});
</script>
<div id="sit_buy" class="fix">
<div class="sit_buy_inner">
<?php if($option_item) { // 선택옵션이 있다면 ?>
<!-- 선택옵션 시작 { -->
<section class="sit_side_option">
<h3>선택옵션</h3>
<?php // 선택옵션
echo str_replace(array('class="get_item_options"', 'id="it_option_', 'class="it_option"'), array('class="get_side_item_options"', 'id="it_side_option_', 'class="it_side_option"'), $option_item);
?>
</section>
<!-- } 선택옵션 끝 -->
<?php } // end if?>
<?php if($supply_item) { // 추가옵션이 있다면 ?>
<!-- 추가옵션 시작 { -->
<section class="sit_side_option">
<h3>추가옵션</h3>
<?php // 추가옵션
echo str_replace(array('id="it_supply_', 'class="it_supply"'), array('id="it_side_supply_', 'class="it_side_supply"'), $supply_item);
?>
</section>
<!-- } 추가옵션 끝 -->
<?php } // end if?>
<?php if ($is_orderable) { ?>
<!-- 선택된 옵션 시작 { -->
<section class="sit_sel_option">
<h3>선택된 옵션</h3>
<ul class="sit_opt_added">
<?php if( !$option_item ){ ?>
<li>
<div class="opt_name">
<span class="sit_opt_subj"><?php echo $it['it_name']; ?></span>
</div>
<div class="opt_count">
<label for="ct_qty_<?php echo $i; ?>" class="sound_only">수량</label>
<button type="button" class="sit_qty_minus"><i class="fa fa-minus" aria-hidden="true"></i><span class="sound_only">감소</span></button>
<input type="text" name="ct_copy_qty[<?php echo $it_id; ?>][]" value="<?php echo $it['it_buy_min_qty']; ?>" id="ct_qty_<?php echo $i; ?>" class="num_input" size="5">
<button type="button" class="sit_qty_plus"><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only">증가</span></button>
<span class="sit_opt_prc">+0원</span>
</div>
</li>
<?php } ?>
</ul>
</section>
<!-- } 선택된 옵션 끝 -->
<div class="sum_section">
<div class="sit_tot_price"></div>
<div class="sit_order_btn">
<button type="submit" onclick="document.pressed=this.value;" value="장바구니" class="sit_btn_cart">장바구니</button>
<button type="submit" onclick="document.pressed=this.value;" value="바로구매" class="sit_btn_buy">바로구매</button>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
1
<script>
jQuery(function($){
var change_name = "ct_copy_qty";
$(document).on("select_it_option_change", "select.it_option", function(e, $othis) {
var value = $othis.val(),
change_id = $othis.attr("id").replace("it_option_", "it_side_option_");
if( $("#"+change_id).length ){
$("#"+change_id).val(value).attr("selected", "selected");
}
});
$(document).on("select_it_option_post", "select.it_option", function(e, $othis, idx, sel_count, data) {
var value = $othis.val(),
change_id = $othis.attr("id").replace("it_option_", "it_side_option_");
$("select.it_side_option").eq(idx+1).empty().html(data).attr("disabled", false);
// select의 옵션이 변경됐을 경우 하위 옵션 disabled
if( (idx+1) < sel_count) {
$("select.it_side_option:gt("+(idx+1)+")").val("").attr("disabled", true);
}
});
$(document).on("add_sit_sel_option", "#sit_sel_option", function(e, opt) {
opt = opt.replace('name="ct_qty[', 'name="'+change_name+'[');
var $opt = $(opt);
$opt.removeClass("sit_opt_list");
$("input[type=hidden]", $opt).remove();
$(".sit_sel_option .sit_opt_added").append($opt);
});
$(document).on("price_calculate", "#sit_tot_price", function(e, total) {
$(".sum_section .sit_tot_price").empty().html("<span>총 금액 </span><strong>"+number_format(String(total))+"</strong> 원");
});
$(".sit_side_option").on("change", "select.it_side_option", function(e) {
var idx = $("select.it_side_option").index($(this)),
value = $(this).val();
if( value ){
if (typeof(option_add) != "undefined"){
option_add = true;
}
$("select.it_option").eq(idx).val(value).attr("selected", "selected").trigger("change");
}
});
$(".sit_side_option").on("change", "select.it_side_supply", function(e) {
var value = $(this).val();
if( value ){
if (typeof(supply_add) != "undefined"){
supply_add = true;
}
$("select.it_supply").val(value).attr("selected", "selected").trigger("change");
}
});
$(".sit_opt_added").on("click", "button", function(e){
e.preventDefault();
var $this = $(this),
mode = $this.text(),
$sit_sel_el = $("#sit_sel_option"),
li_parent_index = $this.closest('li').index();
if( ! $sit_sel_el.length ){
alert("el 에러");
return false;
}
switch(mode) {
case "증가":
$sit_sel_el.find("li").eq(li_parent_index).find(".sit_qty_plus").trigger("click");
break;
case "감소":
$sit_sel_el.find("li").eq(li_parent_index).find(".sit_qty_minus").trigger("click");
break;
case "삭제":
$sit_sel_el.find("li").eq(li_parent_index).find(".sit_opt_del").trigger("click");
break;
}
});
$(document).on("sit_sel_option_success", "#sit_sel_option li button", function(e, $othis, mode, this_qty) {
var ori_index = $othis.closest('li').index();
switch(mode) {
case "증가":
case "감소":
$(".sit_opt_added li").eq(ori_index).find("input[name^=ct_copy_qty]").val(this_qty);
break;
case "삭제":
$(".sit_opt_added li").eq(ori_index).remove();
break;
}
});
$(document).on("change_option_qty", "input[name^=ct_qty]", function(e, $othis, val, force_val) {
var $this = $(this),
ori_index = $othis.closest('li').index(),
this_val = force_val ? force_val : val;
$(".sit_opt_added").find("li").eq(ori_index).find("input[name^="+change_name+"]").val(this_val);
});
$(".sit_opt_added").on("keyup paste", "input[name^="+change_name+"]", function(e) {
var $this = $(this),
val= $this.val(),
this_index = $("input[name^="+change_name+"]").index(this);
$("input[name^=ct_qty]").eq(this_index).val(val).trigger("keyup");
});
$(".sit_order_btn").on("click", "button", function(e){
e.preventDefault();
var $this = $(this);
if( $this.hasClass("sit_btn_cart") ){
$("#sit_ov_btn .sit_btn_cart").trigger("click");
} else if ( $this.hasClass("sit_btn_buy") ) {
$("#sit_ov_btn .sit_btn_buy").trigger("click");
}
});
});
</script>
답변 2
<form name="fitemqa" method="post" action="<?php echo G5_SHOP_URL;?>/itemqaformupdate.php" onsubmit="return fitemqa_submit(this);" autocomplete="off">
이렇게 보시면 당연히 전송이 됩니다..
이부분을 현제창에서 되도록 하려면
$.ajax를 이용해서 전송하시면 페이지 안넘기고 할수 있습니다..
ajax 공부를 하고와야겠군요 ㅠㅠ 감사합니다