ممکن است شما در طراحی سایت خود درصدد می باشید پنلی را به منظور جستجو کلید واژه ای در موتورهای جستجوگر مانند گوگل، یاهو، HOTBOT ، AOL و غیره قرار دهید و این امکان را در طراحی سایت خود ایجاد نمایید که کاربران با درج کلید واژه خود به صفحه نتیجه موتور جستجوگر دلخواه متصل شوند. با بهره گیری از قابلیت های زبان های مختلف می توان بر امکانات موجود در طراحی وب سایت خود افزود. زبان جاوا یکی از پرکاربردترین زبان ها در ایجاد امکانات و قابلیت ها می باشد. درج اسکریپ های جاوا ایفکت های زیبایی را در طراحی سایت شما ایجاد می نماید که موجب جلب توجه خاص کاربر به صفحه وب سایت می شود و در نتیجه آن تاثیرگذاری مثبت را در سئو سایت شاهد خواهیم بود. در اینجا می خواهیم قطعه کد لازم در طراحی سایت به منظور افزودن قابلیت درج چندین موتور جستجوگر در یک پنل را درج نماییم.
<script language="JavaScript">
function startSearch(){
searchString = document.searchForm.searchText.value;
if(searchString != ""){
searchEngine = document.searchForm.whichEngine.selectedIndex + 1;
finalSearchString = "";
if(searchEngine == 1){
finalSearchString = "http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=.&q=" + searchString;
}
if(searchEngine == 2){
finalSearchString = "http://av.yahoo.com/bin/query?p=" + searchString + "&hc=0&hs=0";
}
if(searchEngine == 3){
finalSearchString = "http://www.excite.com/search.gw?trace=a&search=" + searchString;
}
if(searchEngine == 4){
finalSearchString = "http://www.hotbot.com/?SW=web&SM=MC&MT=" + searchString + "&DC=10&DE=2&RG=NA&_v=2&act.search.x=89&act.search.y=7";
}
if(searchEngine == 5){
finalSearchString = "http://www.infoseek.com/Titles?qt=" + searchString + "&col=WW&sv=IS&lk=noframes&nh=10";
}
if(searchEngine == 6){
finalSearchString = "http://www.lycos.com/cgi-bin/pursuit?adv=%26adv%3B&cat=lycos&matchmode=and&query=" + searchString + "&x=45&y=11";
}
if(searchEngine == 7){
finalSearchString = "http://netfind.aol.com/search.gw?search=" + searchString + "&c=web&lk=excite_netfind_us&src=1";
}
location.href = finalSearchString;
}
}
// -->
</script>
<basefont face="Verdana, Arial, sans-serif">
<form name="searchForm">
<table width=320 border cellpadding=3 cellspacing=2 bgcolor=444444>
<tr>
<td bgcolor=lightblue><font size=1 face="Verdana, Arial, sans-serif">Search for:<br>
<td bgcolor=lightblue><font size=1 face="Verdana, Arial, sans-serif">Search from:
<td bgcolor=lightblue>
<tr>
<td bgcolor=navajowhite><input style="background: dddddd" name="searchText" type="text">
<td bgcolor=navajowhite>
<select style="background: dddddd" name="whichEngine">
<option selected>Altavista
<option>Yahoo!
<option>Excite
<option>Hotbot
<option>Infoseek
<option>Lycos
<option>AOL Netfind
</select>
<td bgcolor=navajowhite><input type="button" value="Send" on-Click="startSearch()">
</select>
</table>
</form>
به آسانی با درج کد بالا در تگ <body> در طراحی سایت خود این امکان را برای کاربران سایت خود درج نمایید. همچنین می توانید موتورهای جستجوگر دیگری را نیز مطابق نظر خود به قطعه کد بالا اضافه نمایید.