livesearch for ZOG 공개

대강 공개할수 있을 정도로 수정을 완료했습니다. 시작부터 테터툴즈의 Ssemi 님의 라이브서치를 조그용으로 컨버젼한것이라 버그또한 같이 나타날것으로 보입니다. 이틀정도 사용하면서 눈에 보이는것은 수정했으므로 사용하는데는 크게 문제가 없을것으로 보이기도 합니다.

관련 링크

▶ 테터툴즈에 라이브링크 달기 

▶ bitflux의 라이브링크달기

설치하기

먼저 첨부 파일을 다운 받아 각각의 파일을 업로드 해야 합니다. 업로드 위치가 틀리므로 주의하여 올리기바랍니다.

livesearch.php 파일을 자신의 블로그 폴더에 업로드 하고 $cutnum를 자신의 설정에 따라 수정합니다. $charset은 제로보드를 기반으로 조그가 구성되어 있으므로 ECU-KR 이 맞다고 생각하고 있기는 하지만 글자가 깨져 나온다면 UTF-8로 수정해 보시기 바랍니다.

[CODE]// 제목 몇 글자에서 자르고 .. 붙이기
$cutnum = 30;
$charset="EUC-KR";[/CODE]

livesearch.css 파일과 livesearch.js 파일을 자신의 스킨 폴더에 업로드합니다.

livesearch.css 파일은 레이어창에 대한 스타일 시트입니다. 자신의 스킨에 맞춰 수정하시면 됩니다. 

그다음  livesearch.js 파일을 열어 111번째 줄에 자신의 블로그 폴더명을 기입해주면 됩니다.

[CODE]
 if (typeof liveSearchRoot == "undefined") {
  liveSearchRoot = "/blog";  /* 이부분을 자신의 블로그가 위치한 링크 주소의 가장 상위를 적습니다 ex) /tt  or  /blog  or  /tatter  */
 }[/CODE]

스킨 수정하기

스킨 수정에 관한것은 첨부된  test-livesearch.htm 파일을 참고하여 자신이 사용하는 스킨을 바꾸면 됩니다.

먼저 사용하고 있는 스킨의  index.html 파일의 상단부위([head]~ [/head])에 다음의 코드를 넣으시기 바랍니다.

[CODE]
<!-- 라이브 리서치 스타일시트 -->
<link href="livesearch.css" rel="stylesheet" type="text/css">
<!-- 라이브 리서치 자바스크립트 -->
<script language="JavaScript" src='livesearch.js'></script>
[/CODE]

그리고 적당한 위치에 아래 소스를 복사해서 붙여 넣으면 됩니다.

[CODE]
 <!-- 라이브서치 -->
<div class="menu">
<h2>LIVE SEARCH</h2>
<div class="menu">
<form method="get" id="search" name="search" action="" onsubmit="return zsearch(this.searchkey.value);">
<input type="text" id="searchkey" onkeyup="liveSearchStart()"  name="searchkey" style="background-color:rgb(243,255,246); border-width:1px; border-color:rgb(204,204,204); border-style:solid; width:120;" size="26">
<input id="searchsubmit" value="" type="submit" title="검색">
</form>
<div id="LSResult" style="display: none; font-size: 12px;">
<span style="float:right;"><a onclick="document.getElementById('LSResult').style.display='none';" class="ib">x 닫기</a></span>+ 검색어가 포함된 글
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div id="LSShadow"></div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div> 
</div>
</div>
[/CODE]

추가글(2006.07.03)

IE에서는 제대로 작동하고 있는것을 확인하였으나 FF에서는 한글로 검색을 했을ㄸㅒ는 가끔 작동이 되는 경우가 있고, 영문으로 검색을 했을ㄸㅒ는 제대로 작동하는것을 확인하였습니다. 아마도 2byte 문자의 비애인듯합니다. 관련 항목을 수정전에는 FF에서는 단순한 검색기능만으로 사용이 가능합니다..

FF 검색버그 수정(2006.07.03)

livesearch.php 파일 33번째 줄에 다음행을 추가하면 FF 에서도 검색이 되는군요.

[CODE]
31  if (strLen($q) > 0) {    
32    $q=conv_str($q); // 추가
33    $addQuery = " subject like ('%$q%') or memo like ('%$q%') ";
34   }[/CODE]

태그 : 라이브서치 , 조그 , 검색