검색엔진만들기 검색창만들기

검색엔진 만들기 검색창만들기

여러분 블로그나 홈페이지를 만들었는데 검색 사이트를 만들어보고싶을때가 있을것이다 그를때 여기 이 멀티검색창을 달아 사용

하면 아주 편리하게 이용될것이다 이 검색창 하나면 웹을 아주 빠르게 검색하고 정보검색에는 그만이다 7대 포털검색엔진이

한곳에 들어있어 웹에 있는 것은 다 찾을 수 있다.   

아래 소스는 멀티검색창 소스이다 이 소스를 드래그하여 복사 한다 그리고 메모장을 열고 붙여 넣기 한다 그리고 편집클릭 전체선택 클릭 또다시 복사한다

그리고 검색창을 달고 싶은곳에 붙여 넣기한다

[여기서부터복사시작]

<table border="0" width="100%" cellspacing="0">
<tr>
<td width="100%">
<table style="LINE-HEIGHT: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px" cellSpacing="0" cellPadding="0" width="586" bgColor="white" align="center">
<tr>
<td bgColor="white" height="30" background="http://www.g-korea.net/top02.gif" borderColor="#339933" width="557">
<table style="LINE-HEIGHT: 100%; MARGIN-TOP: 2px; MARGIN-BOTTOM: 1px" cellSpacing="0" cellPadding="0" width="568" bgColor="#f6f6f6" align="center">
<tbody>
<tr>
<form onsubmit="return doSearch()" method="post" name="searchforit">
<script language="javascript">
<!--
function addplus(items)
{
var plussed = "";
for (var t = 1; t<= items.length ; t++)
{
if (items.substring(t-1,t) == " ")
{ plussed+="+"; }
else
{ plussed+=items.substring(t-1,t); }
}
return plussed;
}

// Do the Search
function doSearch()
{
var words;
words = document.searchforit.query.value;
var searchitems;
searchitems=addplus(words);
var index;
// obtain the selectedIndex properties from the search engines option for
index = document.searchforit.service.selectedIndex;
if (index>= 0)
{
var site;
site = document.searchforit.service.options[index].value;
site+=searchitems;


if (notEmpty(searchitems))
{
//window.open("","mainWin");
window.open(site,"_blank");
//window.location=site;
}
}

else
{alert("검색 엔진을 선택하세요.");}
return false;
}

// Check for empty contents in search searchitems
function notEmpty(word)
{
if (word == "" || word == null)
{
self.status="ENTER SEARCH searchitems";
alert("[알림] 검색어를 입력하세요.");
document.searchforit.query.focus();
return false;
}
else
{
self.status = word + "을(를) 찾고 있습니다.";
return true;
}
}

function clearIt()
{
document.searchforit.query.value="";
document.searchforit.query.focus();
}

function FocusOn() {
document.searchforit.query.focus();
return;
}
//-->
</script>
<td bgColor="#ffffff" width="491" align="middle"><span style="FONT-SIZE: 9pt"><select style="BACKGROUND-COLOR: #ffffff; HEIGHT: 20px; FONT-SIZE: 9pt" name="service">
<option selected value="http://search.naver.com/search.naver?query=">통합</option>
<option value="http://search.naver.com/search.naver?query=">네이버</option>
<option value="http://kr.search.yahoo.com/search?fr=kr-front_sb&amp;KEY=&amp;p=">야후</option>
<option value="http://esearch.ilikeclick.com/ilikeclick/?ec=20001414&amp;MD=P&amp;TT=%BC%D5%BD%AC%BF%EE+%B0%CB%BB%F6+-+%C0%CC%C1%F6%BC%AD%C4%A1&amp;HK=&amp;AT=Y&amp;PL=10&amp;TP=2&amp;BT=2&amp;query=">이지서치</option>
<option value="http://www.google.co.kr/search?hl=ko&amp;q=">구글</option>
<option value="http://search.nate.com/search/all.html?s=&amp;q=">NATE</option>
<option value="http://search.daum.net/cgi-bin/nsp/search.cgi?w=tot&amp;q=">다음</option>
<option value="http://search.paran.com/search/index.php?Query=">파란</option>
</select> </span><input style="BORDER-BOTTOM: #006f00 5px solid; POSITION: relative; BORDER-LEFT: #006f00 5px solid; BACKGROUND-COLOR: #ffffff; IME-MODE: active; PADDING-LEFT: 6px; WIDTH: 400px; HEIGHT: 40px; COLOR: #000000; FONT-SIZE: 12px; BORDER-TOP: #006f00 5px solid; BORDER-RIGHT: #006f00 5px solid; PADDING-TOP: 8px" size="42" name="query"></td>
<td width="73"><a onclick="javascript:doSearch()" href="#"><img border="0" align="absMiddle" src="http://cfs16.tistory.com/image/36/tistory/2010/05/06/03/48/4be1bd87c1c92" width="65" height="40"></a></td>
</form>
</tr>
</tbody>
</table>
</td>
<td bgColor="#ffffff" height="30" borderColor="#339933" width="102">
<p style="LINE-HEIGHT: 17px; MARGIN-TOP: 6px; MARGIN-BOTTOM: 0px" align="center">　</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
[여기까지끝]