JavaScript – Ugradite u svoje stranice funkciju pretraživanja

Na vrlo jednostavan način možete vašim stranicama dodati funkciju pretraživanja, i to uz pomoć najvećih svetskih pretraživača (zapravo, bilo kog pretraživača). Radi se o tome da na stranicu dodamo jedan formular koji će se sastojati od tekst polja za upis traženog izraza i dva dugmića. Jedno dugme će poništavati unos teksta, a drugo će pokretati akciju pretraživanja. U stvari, drugo dugme će otvoriti novi prozorčić, sa pitanjem, „kojim pretraživačem želite da se poslužite“. Potom će se po kliku na link pretraživača, otvoriti novi prozor u koji će se učitati rezultati pretrage datog pretraživačkog servisa.

Sledeći kod smestite unutar <HEAD> taga:


<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!–
function funkcijaPretrage() {
var newWindow = window.open("about:blank",
"searchValue", "width=100, height=50,
resizable=no, maximizable=no");
var kljRec = document.pretraga.tekstPolje.value;
var yahooPretraga = document.pretraga.yahoo.value;
var altavistaPretraga = document.pretraga.altavista.value;

newWindow.document.write("<html>n<head>n<title>Izaberite
pretrazivac</title>n</head>");
newWindow.document.write("<body>n");
newWindow.document.write("<a href=’" +
yahooPretraga + kljRec + "’ target =
‘main’>Yahoo!</a><br><br>n");
newWindow.document.write("<a href=’" +
altavistaPretraga + kljRec + "’ target =
‘main’>Altavista</a><br><br>n");
newWindow.document.close();
self.name = "main";
}
// –>
</SCRIPT>
</HEAD>


I potom ćemo u telu (BODY) stranice definisati formular „pretraga„, koji je osnova za pretraživanje na stranici (vidi sliku):


<FORM name=pretraga>
<input type=hidden name=yahoo
value="http://search.yahoo.com/search?p=">
<input type=hidden name=altavista
value="http://www.altavista.com/cgi-bin/query?pg=q&what=web&fmt=.&q=">
Pretrazi Internet :
<br>
<input type=text size=15 name=tekstPolje>
<br>
<input type=button value="Pretrazi"
onClick="funkcijaPretrage()">
<input type=reset value="Obrisi">
<br>
</FORM>

Pratite Krstaricu na www.krstarica.com