글쓰기 시 여분필드에 데이터가 들어가지 않습니다. 채택완료

</p>

<p>    <?</p>

<p>        include('script.php');</p>

<p>        //태그를 저장할 여분 필드</p>

<p> </p>

<p>    ?></p>

<p> </p>

<p>    <input type="hidden" name="wr_1" id="wr_1" value="<?php echo $write['wr_1'] ?>"></p>

<p> </p>

<p>    <div class="tagList"></p>

<p>        <div class="tagListTit"><i class="material-icons">label</i> 태그입력<u>(최대15글자/10개/<b>spacebar</b>를 이용해 작성)</u></p>

<p>        </diV></p>

<p>        <div class="tagListIpt"></p>

<p>            <ul></p>

<p>                <?</p>

<p>                if($write['wr_1']){</p>

<p> </p>

<p>                    $tags = explode(',',$write['wr_1']);</p>

<p>                    for($i=0; $i<count($tags); $i++){</p>

<p>                        echo '<li class="tag">#<span>'.$tags[$i].'</span><i class="material-icons">clear</i></li>';</p>

<p>                    }</p>

<p>                }</p>

<p>                ?></p>

<p>                <li class="tabTxt"><input type="text" id="tagIpt" placeholder="태그를 입력해주세요!" maxlength="15"></li></p>

<p>            </ul></p>

<p>        </div></p>

<p>    </div></p>

<p> </p>

<p>// script.php </p>

<p><script></p>

<p>   </p>

<p>    $(window).ready(function(){</p>

<p>       </p>

<p>        $(document).on('click','.tag > i',function(){</p>

<p>            $(this).parent().remove();</p>

<p>        });</p>

<p>       </p>

<p>        $(".ppTag").click(function(){</p>

<p>            inputTag($(this).data('word'));</p>

<p>            return false;</p>

<p>        });</p>

<p> </p>

<p>        $("#tagIpt").on("keyup", function(event) {</p>

<p>            $(".tagListIpt ul li span").removeClass('overlap');</p>

<p>            if(event.keyCode == 32){</p>

<p>                $(this).val($(this).val().replace(/ /gi, ""));</p>

<p>                inputTag($(this).val());</p>

<p>            }</p>

<p>        });</p>

<p> </p>

<p>    });</p>

<p> </p>

<p>    function inputTagList(){</p>

<p>        var linCnt = $(".tagListIpt ul li.tag").length;</p>

<p>        var tag = '';</p>

<p>        for(var i=0; i<linCnt; i++){</p>

<p>            var j = i+1;</p>

<p>            if(!tag){</p>

<p>                tag = $(".tagListIpt ul li:nth-child("+j+") span").html();</p>

<p>            }else{</p>

<p>                tag += ','+$(".tagListIpt ul li:nth-child("+j+") span").html();</p>

<p>            }</p>

<p>        }</p>

<p>        tag = tag.replace(" ", "");</p>

<p>        console.log('after replace : '+tag);</p>

<p>        $("#wr_1").val(tag);</p>

<p>    }</p>

<p> </p>

<p>    function chkOverlap(a){</p>

<p>        var linCnt = $(".tagListIpt ul li.tag").length;</p>

<p>        var overlap = false;</p>

<p>        for(var i=0; i<linCnt; i++){</p>

<p>            var j = i+1;</p>

<p>            if(a == $(".tagListIpt ul li:nth-child("+j+") span").html()){</p>

<p>                $(".tagListIpt ul li:nth-child("+j+") span").addClass('overlap');</p>

<p>                overlap = true;</p>

<p>            }</p>

<p>        }</p>

<p> </p>

<p>        return overlap;</p>

<p>    }</p>

<p> </p>

<p>    function inputTag(a){</p>

<p>       </p>

<p>        a = a.replace(/ /g, '');</p>

<p>       </p>

<p>        var linCnt = $(".tagListIpt ul li.tag").length;</p>

<p>       </p>

<p>        if(chkOverlap(a) == false){</p>

<p> </p>

<p>            if(linCnt < 10){</p>

<p>                var taghtml_ = '';</p>

<p>               </p>

<p>                taghtml_ += '<li class="tag">#<span>';</p>

<p>                taghtml_ += a;</p>

<p>                taghtml_ += '</span><i class="material-icons">clear</i></li>';  </p>

<p>               </p>

<p>                $(".tabTxt").before(taghtml_);</p>

<p>            }else{</p>

<p>                alert('태그틑 최대 10개까지 입력가능합니다.');</p>

<p>            }</p>

<p>           </p>

<p>            $("#tagIpt").val('');</p>

<p> </p>

<p>        }</p>

<p>    }  </p>

<p> </p>

<p></script></p>

<p>