JavaScript – Ugradite u svoje stranice funkciju pretraživanja

Krstarica 13. mart 2001. 00:00

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 i preko mobilne aplikacije za Android i iPhone.

programiranje