페이지 상단 <script type="text/javascript"> var checkFirst = false; var loopSendKeyword = false; var sKeyType = false; var lastKeyword = ""; var IsAutoWord = true; $(function () { $("body").click(function () { clickVal = true; $("#search_bar").click(function () { clickVal = false; }); if (clickVal == true) { $("#keywordAjaxDiv").hide(); } }); $("#search_bar").keypress(function (event) { if (event.keyCode == 13) { $("#search_bt").click(); } }); $("#search_bar").bind("focus", function () { if ($(this).attr("value") == "여행상품 찾기") { $(this).attr("value", ""); }; }) $("#search_bt").click(function () { if ($.trim($("#search_bar").val()) == "") { alert("검색어를 입력해주세요."); return; } //$("#Keyword").val($("#search_bar").val()); var Keyword = escape($.trim($("#search_bar").val())); location.href = "/Common/Common/Search?Keyword=" + Keyword; }); }); function EventEmailPromotion() { location.href = "/Event/EventReview?evtseq=2559"; //location.href = "/Event/EventReview?evtSeq=2512&PageIndex=1&Attr="; C&U //location.href = "/Event/EventReview?evtSeq=1966#view"; //location.href = "/Event/EventReview?evtSeq=2440&PageIndex=1&Attr="; //MwDialog.openIframe("780", "320", "/Event/EventEmailPromotion", "이벤트"); } function fnStartKeyword(skey) { if (skey == "True") { sKeyType = true; } if (checkFirst == false) { setTimeout("SendKeyword();", 500); loopSendKeyword = true; // 0.5 초 후에 SendKeyword() 함수를 실행 } checkFirst = true; } function SendKeyword() { if (loopSendKeyword == false) return; var keyword = $("#search_bar").val(); if (keyword == '') { lastKeyword = ''; $("#keywordAjaxDiv").hide(); } else if (keyword != lastKeyword) { lastKeyword = keyword; if (keyword.length > 1) { var params = "Keyword=" + escape($.trim(keyword)); if (sKeyType == true) { if(IsAutoWord == true) fnSearchAjaxKeyword(params); } else { $("#keywordAjaxDiv").hide(); } } else { $("#keywordAjaxDiv").hide(); } } setTimeout("SendKeyword();", 500); } //검색 키워드 자동 완성 var beforeAutoIdx = 0; var newAutoIdx = 0; var realSearchWord = ""; var isSearch = false; function fnSearchAjaxKeyword(params) { beforeAutoIdx = 0; newAutoIdx = 0; $("#search_bar").unbind("keydown"); $("#keywordAjaxDivList > li").unbind("keydown"); $.ajax({ type: "GET", url: "/Common/common/SearchKeyWordAjaxList", data: params, cache: false, success: function (html) { realSearchWord = $("#search_bar").val(); // 검색된 단어를 담기 isSearch == false; // 검색 후에는 초기화 IsAutoWord = false; // 검색 된 후에는 자동완성 중지 var result = html; var keywordList = result.split(','); if (keywordList.length > 0) { if (keywordList.length > 1) { var htmlTxt = ''; var keyword = $("#search_bar").val(); for (var i = 0 ; i < keywordList.length ; i++) { if (keywordList[i].length < 20) { htmlTxt += "

"; htmlTxt += keywordList[i].replace(keyword, "" + keyword + ""); htmlTxt += "

"; } } $("#keywordAjaxDivList").empty().html(htmlTxt); $("#keywordAjaxDiv").show(); $("#search_bar").keydown(function (evt) { var _KeyCode = (evt.which) ? evt.which : evt.keyCode; if (_KeyCode == 40 || _KeyCode == 98 || _KeyCode == 38 || _KeyCode == 104) { if ($("#keywordAjaxDiv").is(":hidden") && $("#keywordAjaxDivList").children("li").length > 0) { $("#keywordAjaxDiv").show(); return false; } evt.preventDefault(); var searchWordLen = $("#keywordAjaxDivList > li").length; if (isSearch == true) { if (_KeyCode == 40 || _KeyCode == 98) { $("#keywordAjaxDivList > li").eq(newAutoIdx).css("background", ""); ++newAutoIdx; $("#keywordAjaxDivList > li").eq(newAutoIdx).css("background", "#f5f5f5").focus(); $("#search_bar").val($.trim($("#keywordAjaxDivList > li").eq(newAutoIdx).children("a").text())).focus(); if (searchWordLen == newAutoIdx) { $("#search_bar").val(realSearchWord).focus(); newAutoIdx = 0; isSearch = false; return false; } } else if (_KeyCode == 38 || _KeyCode == 104) { $("#keywordAjaxDivList > li").eq(newAutoIdx).css("background", ""); --newAutoIdx; if (newAutoIdx >= 0) { $("#keywordAjaxDivList > li").eq(newAutoIdx).css("background", "#f5f5f5").focus(); } $("#search_bar").val($.trim($("#keywordAjaxDivList > li").eq(newAutoIdx).children("a").text())).focus(); if (-1 == newAutoIdx) { $("#search_bar").val(realSearchWord).focus(); newAutoIdx = 0; isSearch = false; return false; } } return false; } isSearch = true; IsAutoWord = false; if (_KeyCode == 40 || _KeyCode == 98) { $("#keywordAjaxDivList > li").eq(newAutoIdx).css("background", "#f5f5f5").focus(); } else if (_KeyCode == 38 || _KeyCode == 104) { newAutoIdx = searchWordLen - 1; $("#keywordAjaxDivList > li").eq(newAutoIdx).css("background", "#f5f5f5").focus(); } $("#search_bar").val($.trim($("#keywordAjaxDivList > li").eq(newAutoIdx).children("a").text())).focus(); } else { if (_KeyCode != 229) { // 예외 KeyCode // 자동완성 검색 이벤트를 활성화 isSearch = false; IsAutoWord = true; } } }); } else { $("#keywordAjaxDiv").hide(); isSearch = false; IsAutoWord = true; } } else { $("#keywordAjaxDiv").hide(); isSearch = false; IsAutoWord = true; } } , beforeSend: function () { // 로딩중.... } , complete: function () { // 로딩 완료시 } }); } // 자동화 검색 닫기 function FnKeywordClose() { $("#keywordAjaxDiv").hide(); // 위치 이동 $("html,body").animate({ scrollTop: $(".pro_search_out").scrollTop }); } function FnSelect(keyWordTxt) { $("#keywordAjaxDiv").hide(); $("#search_bar").val($.trim(keyWordTxt)); sKeyType = false; // 위치 이동 $("html,body").animate({ scrollTop: $(".pro_search_out").scrollTop }); }</script>

<script type="text/javascript"></script>