묻고답하기
통합검색 관련 질문.
2015.05.19 17:58
<div id="tt-body-page">
<header id="header">
<div class="drawer-toggle"><i class="ic-menu"></i>
</div>
<h3><a href="{$layout_info->logo_url}">{$layout_info->logo_text}</a></h3>
<div id="search-box" class="search">
<a class="search-icon" href="" onclick="return false;" title="search"><i class="ic-search"></i></a>
<s_search action="{getUrl()}" method="get" class="search">
<input type="hidden" name="vid" value="{$vid}" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input placeholder="검색어를 입력해주세요." class="search-query" type="text" name="is_keyword" value="{$is_keyword}" onkeypress="if (event.keyCode == 13) { blogSearch($(this).val()); }" />
</s_search>
</div>
</header>
<!--header close-->
<div class="container">
<!--광고위치 1: 모든 카드 위-->
<div class="contents clearfix">
<div class="loadingSpinner">
<svg class="spinner" width="30px" height="30px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
</svg>
</div>
<div id="search-resultWrap" class="card">
<svg class="spinner" width="30px" height="30px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
</svg>
<button id="search-result-close" class="ripplelink iconbutton"><i class="ic-close"></i>
</button>
<div id="search-result">
</div>
</div>
<div id="homeCards" class="home clearfix" style="display:none">
<div class="homeBG">
<p class="homeDesc">{$layout_info->main_title}</p>
</div>
<div class="homeProfile">
<img src="{$layout_info->main_image}" alt="대표 이미지" />
</div>
</div>
<!--홈 화면 카드 끝-->
</div>
</div>
-----------------------------------------------------------------------------------------------------------------------------
위와 같은 코드를 사용중입니다.
티스토리에서 너무 멋진 디자인 소스를 보고
받아서 XE로 고쳐보고있는데
이게... 엄청 어렵네요. (제가 초보라..)
좌측 네비게이션, 로그인 부분까지 모두 만들긴 했는데
문제에 봉착했습니다.
통합검색입니다.
스크립트를 통해서 통합검색을 하면 아래쪽에서 검색결과창이 새로 뜨게 됩니다.
(http://everyvn.com/testmainT) 와 같이 말이죠.
근데 제가 아직 검색 모듈의 기능을 제대로 알지를 못해서
검색결과를 결과창에 띄우지를 못하겠습니다..;;
능력자 분들 도와주세요 ㅠㅜㅠㅜ
위 파일의 제이쿼리 소스입니다
//검색창
function blogSearch(q) {
$("body,html").animate({
scrollTop: "0"
});
$("#search-resultWrap").addClass("opened appearing");
$("#search-result").html('');
$("#search-result").load(location.origin + '/search/' + encodeURI(q) + ' #searchList',
function() {
$("#search-result").append('<div class="moreResult flatbutton"><a href="' + location.origin + '/search/' + encodeURI(q) + '">검색결과 전체 보기</a></div>');
$("#search-resultWrap").css("height", ($("#search-result").height() + 70) + "px");
}
);
}
function closeBlogSearch() {
$("#search-resultWrap").removeClass("opened appearing");
$("#search-result").html('');
}
이렇게 됩니다.