Uputstvo za implementaciju!

1. Kopirajte ZIP datoteku s logotipom i preostalim sličicama.

Spasite ZIP datoteku na svoj disk i otvorite je. Snimite sliku pretrazivac.gif u Internet direktorij na vašem računaru u kojem imate spremljene druge stranice, odnosno slike.

2. Izaberite željeni pretraživački okvir Pripremili smo četiri pretraživačka okvira. Ako želite namjestiti okvir iz primjera 1., ili primjera 2., jednostavno prekopirajte njihov kod u html vaše stranice. U izabranom pretraživačkom okviru potražite niz, gdje je URL-adresa do slike pretrazivac.gif i zamijenite ga putem do slike na vašem računaru. Primjer: U HTML kodovima, trenutačno piše: <img src = "../dsg/pretrazivac.gif" alt="pretrazivac" border = "0"/> u taj dio koda potrebno je da dodate/izmijenite adresu na kojoj se nalazi slika na vašem računaru (mjesto gdje ste kopirali sliku pretrazivac.gif) npr. <img src = "http://www.mojastranica.ba/dsg/pretrazivac.gif" alt="pretrazivac" border = "0"/> Primjer 1 <form name="form" method="GET" action="http://www.pogodak.ba/search.jsp" onSubmit="target='_new'; return true;"> <table cellpadding="0" cellspacing="0" style="background-color: #ffffff;"> <tr> <td align="center"><a href="http://www.pogodak.ba"><img src="../dsg/pretrazivac.gif" alt="pretrazivac" border="0" /></a> </td> </tr> <tr> <td><input type="text" name="q" value="" size="10" style="font-family: Arial;font-size : 11px;font-weight: normal;"> <input type="submit" value="Pogodak!" style="border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 250, 191); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(255, 250, 191); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); font-size: 0.8em; font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(48, 78, 162); cursor: pointer;"> <input type="hidden" name="inenc" value="UTF-8"/> </td> </tr> </table> </form> Primjer 2 <form name="form" method="GET" action="http://www.pogodak.ba/search.jsp" onSubmit="target='_new'; return true;"> <table cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff;"> <tr> <td align="center"><a href="http://www.pogodak.ba"><img src="../dsg/pretrazivac.gif" alt="pretrazivac" border="0" /></a> </td> <td><input type="text" name="q" value="" size="10" style="font-family: Arial;font-size : 11px;font-weight: normal;"> <input type="submit" value="Pogodak!" style="border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 250, 191); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(255, 250, 191); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); font-size: 0.8em; font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(48, 78, 162); cursor: pointer;"> <input type="hidden" name="inenc" value="UTF-8"/> </td> </tr> </table> </form>

Kako otkloniti probleme sa ČŠŽ? 1) Ako je stranica podešena na charset 1250 ili slično, u pretraživačkom okviru moraju se napraviti neke izmjene: svaki okvir za pretraživanje ima skriveno polje za unos s imenom «inenc», koje je namijenjeno definiranju charseta znakova koje upisujemo u polje za postavljanje upita. Tako npr. sada piše: <input type="hidden" name="inenc" value="UTF-8"/>, te je podešen za charset UTF-8. Ukoliko su vaše stranice podešene npr. na charset ISO−8859−1 onda bi u toj liniji trebalo pisati: <input type="hidden" name="inenc" value="ISO-8859-1"/>

Pretraživački okviri sa opcijom pretraži po svojoj stranici

Primjer pretraživačkog okvira 3. i 4. uz mogučnost pretraživanja po cijelom BH web-u imaju mogučnost pretraživanja po pojedinoj domeni ( pretražujte po svojim stranicama ), u primjeru okviri uz pretragu kompletnog BH web-a, imaju opciju pretraživanja samo po stranicama na domeni Online.ba.

Da bi postavili okvir poput primjera 3. ili 4. na vaše stranice, te da putem njega možete tražiti i samo po svojim stranicama, u HTML kodu morate napraviti neke izmjene.

Potrebno je, da u HTML kodu pretraživačkog okvira potražite polja unosa s imenom host i namjestite mu novu vrijednost (value). U primjeru 3. i 4. value je online.ba (U KODU - value = "online.ba"). Online.ba zamjenite sa imenom domene vaše stranice, ali pazite da ne upišete kompletni URL vaše stranice.

Primjer:

Ako je URL vaše stranice http://www.mojastranica.ba, samo se mojastranica.ba upisuje u value a NE cijela URL adresa.

Također, izmjenite i tekst koji će se prikazati na formi za pretraživanje. Na primjerima 3. i 4. je na okviru tekst prilagođen Online.ba te zato piše "samo po online.ba" (u KODU - samo po <b>online.ba</b>) to izmjenite u "samo po mojastranica.ba".

Kako i u primjerima 1. i 2. u HTML kodu izabranog pretraživačkog okvira potražite niz, gdje je URL-adresa do slike pretrazivac.gif i zamijenite ga putem do slike na vašem računaru.

Primjer: u HTML kodovima, trenutačno piše: <img src = "../dsg/pretrazivac.gif" alt="pretrazivac" border = "0"/> u taj dio koda potrebno je da dodate/izmijenite adresu na kojoj se nalazi slika na vašem računaru (mjesto gdje ste kopirali sliku pretrazivac.gif) npr <img src = "http://www.mojastranica.ba/dsg/pretrazivac.gif" alt="pretrazivac" border = "0"/>

Nakon što ste to napravili, kopirajte izmijenjeni kod u direktorij i dodajte na svoju stranicu, te ste dobili svoj okvir za pretraživanje!

Primjer 3

<form name="form" method="GET" action="http://www.pogodak.ba/search.jsp" onSubmit="target='_new'; return true;"> <table cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff;"> <tr> <td> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td align="center"><a href="http://www.pogodak.ba" <img src="../dsg/pretrazivac.gif" alt="pretrazivac" border="0"/></a> </td> <td><input type="text" name="q" value="" size="10" style="font-family: Arial;font-size : 11px;font-weight: normal;"> <input type="submit" value="Pogodak!" style="border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 250, 191); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(255, 250, 191); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); font-size: 0.8em; font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(48, 78, 162); cursor: pointer;"> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="font-family:Arial;font-size:0.8em;"><input name="host" type="radio" value="info.ba" checked id='drb1'> samo po <b>info.ba</b>  </td> <td align="center" style="font-family:Arial;font-size:0.8em;"><input name="host" type="radio" value="" id='drb2'> po cijelom BH web-u</td> <input name="st" type="hidden" value="custom" checked> <input type="hidden" name="inenc" value="UTF-8"/> </tr> </table> </td> </tr> </table> </form>

Primjer 4

samo po info.ba

po cijelom BH web-u

<form name="form" method="GET" action="http://www.pogodak.ba/search.jsp" onSubmit="target='_new'; return true;"> <table cellpadding="0" cellspacing="0" style="background-color: #ffffff;"> <tr> <td align="center"><a href="http://www.pogodak.ba"><img src="../dsg/pretrazivac.gif" alt="pretrazivac" border="0" /></a> </td> </tr> <tr> <td><input type="text" name="q" value="" size="10" style="font-family: Arial;font-size : 11px;font-weight: normal;"> <input type="submit" value="Pogodak!" style="border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 250, 191); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(255, 250, 191); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); font-size: 0.8em; font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(48, 78, 162); cursor: pointer;"> </td> </tr> <tr> <td style="font-family:Arial;font-size:0.8em;"><input name="host" type="radio" value="info.ba" checked> samo po <b>info.ba</b></td> </tr> <tr> <td style="font-family:Arial;font-size:0.8em;"><input name="host" type="radio" value=""> po cijelom BH web-u</td> </tr> <tr> <td><input name="st" type="hidden" value="custom"> <input type="hidden" name="inenc" value="UTF-8"/></td> </tr> </table> </form>