검색어를 입력하면 첫자가 자꾸 지워져요.

검색어를 입력하면 첫자가 자꾸 지워져요.

QA

검색어를 입력하면 첫자가 자꾸 지워져요.

답변 2

본문

http://torrentluv.com/bbs/search.php

여기서 검색란에 첫글자를 집어넣으면 그 글자가 지워집니다.

문제는 처음 입력시에만 그런다는 겁니다. 그리고 크롬에서만 그러네요.

ctrl+f5 누르시고 바로 한글을 입력해 보세요.

번거로워요. 해결책 있을까요?

오토컴플리트 스크립트 때문인 것 같아서 그 소스를 아래에 삽입합니다.

아.. 지금 보니까 한글만 그러네요. 왜 그럴까요? 숫자나 영문자는 안지워지네요.

 

<script>
$(document).ready(function() {

    // 오토컴플리트 (검색어 자동완성)
    $("#thema_wrapper").on("keyup", "#stx", function(){
        var stx = $(this).val(); /* 입력한 검색어 */
        $(this).autocomplete({
            source:function(request, response) {
                $.getJSON(g5_url+"/_search_popular.php", {
                    /* _search_popular.php 파일로 넘길 변수값을 이곳에 작성하시면 됩니다. GET 으로 넘어갑니다. */
                    /* 콤마로 구분하시면 되요 ex) sfl:"wr_subject", stx:stx, ........ */
                    stx : stx
                }, response);
            },
            minLength:2, /*최소 검색 글자수*/
            delay: 150,  /* 검색어 입력후 표시되는 시간 - 숫자가 클수록 느리게 출력 */
            focus:function(event, ui) {
                /* 검색을 통하여 넘어온 값을 여기서 처리 */
                console.log(ui.item.value); /* 콘솔 확인용이므로 삭제하거나 주석처리 하여도 됩니다. */
            },
            close:function(event, ui) {

            }
        })
    });
    // 오토컴플리트 종료

});
</script>

 

<?php
include_once('./_common.php');
$stx = $_GET['stx'];
$sql = "select
            distinct(pp_word)
        from
            g5_popular
        where
            pp_word like '%".$stx."%'
        group by
            pp_word
        order by
            pp_word asc limit 10 ";
$result = sql_query($sql,true);
// value : 검색된 단어이며, input 값으로 넘어갑니다.
// label : 특정검색어를 입력시 자동완성 리스트로 표시됩니다. (다양하게 응용가능)
while($row=sql_fetch_array($result)) {
    $arr[] = array(
                "value"    => $row['pp_word'],
                "label"    => $row['pp_word']
                );
}
echo json_encode($arr);
?>

이 질문에 댓글 쓰기 :

답변 2

한글의 경우 한글자만 입력해도 바이트수가 많다보니 2글자로 인식하는것 때문에 그런것 같은데요.

 

어차피 2자 이상이니 이벤트 부분을 stx가 2글자 이상일때만 동작하게 하시면 될 것 같습니다.

제가 보기에는 아래 소스 때문에 그럴거라 보입니다.

아래 부분을 지우고 시도해 보시죠.

<script>
$(document).ready(function() {

    // 오토컴플리트 (검색어 자동완성)
    $("#thema_wrapper").on("keyup", "#stx", function(){
        var stx = $(this).val(); /* 입력한 검색어 */
        $(this).autocomplete({
            source:function(request, response) {
                $.getJSON(g5_url+"/_search_popular.php", {
                    /* _search_popular.php 파일로 넘길 변수값을 이곳에 작성하시면 됩니다. GET 으로 넘어갑니다. */
                    /* 콤마로 구분하시면 되요 ex) sfl:"wr_subject", stx:stx, ........ */
                    stx : stx
                }, response);
            },
            minLength:2, /*최소 검색 글자수*/
            delay: 150,  /* 검색어 입력후 표시되는 시간 - 숫자가 클수록 느리게 출력 */
            focus:function(event, ui) {
                /* 검색을 통하여 넘어온 값을 여기서 처리 */
                console.log(ui.item.value); /* 콘솔 확인용이므로 삭제하거나 주석처리 하여도 됩니다. */
            },
            close:function(event, ui) {

            }
        })
    });
    // 오토컴플리트 종료

});
</script>

에러나는 스크립트를 수정할 수는 없고 검색은 사용하셔야하고 한다면
자동완성스크립 전체를 포기하셔야겠죠.

제가 보기에 주된 에러는 getJSON함수에 있는 듯 하네요.
그 부분을 잘 처리해 보시죠.
아마도 url이 SOP(Same Origin Policy)에 맞지 않아 에러가 나는 듯 보입니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 40
© SIRSOFT
현재 페이지 제일 처음으로