글쓰기 시 여분필드에 데이터가 들어가지 않습니다.
본문
해당 링크를 통하여 갤러리게시판 태그기능을 기본 갤러리게시판에 적용하는 중입니다.
게시판엔 별다른거 없이 기본 텍스트 인풋으로 wr_2 와, 태그기능이 적용되고 있는 wr_1이 존재하는데
wr_2에는 정상적으로 데이터가 들어가고 있으나, wr_1에는 데이터가 들어가질 않네요..
<?
include('script.php');
//태그를 저장할 여분 필드
?>
<input type="hidden" name="wr_1" id="wr_1" value="<?php echo $write['wr_1'] ?>">
<div class="tagList">
<div class="tagListTit"><i class="material-icons">label</i> 태그입력<u>(최대15글자/10개/<b>spacebar</b>를 이용해 작성)</u>
</diV>
<div class="tagListIpt">
<ul>
<?
if($write['wr_1']){
$tags = explode(',',$write['wr_1']);
for($i=0; $i<count($tags); $i++){
echo '<li class="tag">#<span>'.$tags[$i].'</span><i class="material-icons">clear</i></li>';
}
}
?>
<li class="tabTxt"><input type="text" id="tagIpt" placeholder="태그를 입력해주세요!" maxlength="15"></li>
</ul>
</div>
</div>
// script.php
<script>
$(window).ready(function(){
$(document).on('click','.tag > i',function(){
$(this).parent().remove();
});
$(".ppTag").click(function(){
inputTag($(this).data('word'));
return false;
});
$("#tagIpt").on("keyup", function(event) {
$(".tagListIpt ul li span").removeClass('overlap');
if(event.keyCode == 32){
$(this).val($(this).val().replace(/ /gi, ""));
inputTag($(this).val());
}
});
});
function inputTagList(){
var linCnt = $(".tagListIpt ul li.tag").length;
var tag = '';
for(var i=0; i<linCnt; i++){
var j = i+1;
if(!tag){
tag = $(".tagListIpt ul li:nth-child("+j+") span").html();
}else{
tag += ','+$(".tagListIpt ul li:nth-child("+j+") span").html();
}
}
tag = tag.replace(" ", "");
console.log('after replace : '+tag);
$("#wr_1").val(tag);
}
function chkOverlap(a){
var linCnt = $(".tagListIpt ul li.tag").length;
var overlap = false;
for(var i=0; i<linCnt; i++){
var j = i+1;
if(a == $(".tagListIpt ul li:nth-child("+j+") span").html()){
$(".tagListIpt ul li:nth-child("+j+") span").addClass('overlap');
overlap = true;
}
}
return overlap;
}
function inputTag(a){
a = a.replace(/ /g, '');
var linCnt = $(".tagListIpt ul li.tag").length;
if(chkOverlap(a) == false){
if(linCnt < 10){
var taghtml_ = '';
taghtml_ += '<li class="tag">#<span>';
taghtml_ += a;
taghtml_ += '</span><i class="material-icons">clear</i></li>';
$(".tabTxt").before(taghtml_);
}else{
alert('태그틑 최대 10개까지 입력가능합니다.');
}
$("#tagIpt").val('');
}
}
</script>
도움 부탁드립니다 ( _ _ )
답변을 작성하시기 전에 로그인 해주세요.
