Questo script offre un semplicissimo strumento per visualizzare nel vostro sito Web un form di ricerca sui principali motori del World Widw Web. Il codice presenta un box testuale in cui inserire il termine da ricerca e un menu che consente di scegliere il sito sul quale effettuare la ricerca.
Il JavaScript utilizza una variabile per conservare la parola ricercata. La variabile verrà poi passata all'indirizzo di ricerca del motore. Il webmaster che pubblicherà il codice potrà inserire quanti motori di ricerca desidera seguendo una semplice sintassi che spiegheremo più avanti.
Lo script si compone di una sezione JavaScript, e di un richiamo all'interno delle pagine Web.
- esempio.htm
Per una più semplice comprensione del presente script fai continuamente riferimento ai file sopracitati, verificando le procedure e i dati espressi. Solo in questo modo, con un continuo confronto, comprenderai le peculiarità di questo Javascript.
## 1: LA SEZIONE JAVASCRIPT
La sezione JavaScript contiene il codice per eseguire lo script e tutte le opzioni di ricerca dei motori. Il codice è molto semplice da comprendere. Il campo "finalSearchString" include l'indirizzo Web di una ricerca.
Per aggiungere i motori che si desidera è necessario aggiungere la loro URL di ricerca. Per rilevarla basta andare su un qualsiasi motore di ricerca, cercare un termine, prendere nota dell'indirizzo della pagina dei risultati, riportare l'indirizzo nello script come valore di "finalSearchString" avendo cura di sostituire il vostro termine ricercato con la variabile "searchString".
Ad esempio, se volessi aggiungere al mio modulo di ricerca il motore di HTML.it basta andare sulla pagina di ricerca di HTML.it, cercare, per esempio, CSS e copiare l'indirizzo dei risultati:
"http://cerca.html.it/cgi-bin/cerca.cgi?gr=off&q=css". A questo punto non mi resterà da fare altro che includerlo come valore di "finalSearchString" sostituendo la parola "CSS" con la variabile "finalSearchString". Così:
if(searchEngine == 1){
finalSearchString = "http://cerca.html.it/cgi-bin/cerca.cgi?gr=off&q=" + searchString;
}
Da ricordare che la variabile va scritta al di fuori dalle virgolette in cui viene compreso l'indirizzo del motore.
<!--
function startSearch(){
searchString = document.searchForm.searchText.value;
if(searchString != ""){
searchEngine = document.searchForm.whichEngine.selectedIndex + 1;
finalSearchString = "";
if(searchEngine == 1){
finalSearchString = "http://cerca.html.it/cgi-bin/cerca.cgi?gr=off&q=" +
searchString;
}
if(searchEngine == 2){
finalSearchString = "http://it.search.yahoo.com/search/it?p=" + searchString;
}
if(searchEngine == 3){
finalSearchString = "http://www.google.com/search?ie=UTF-8&q=" + searchString;
}
if(searchEngine == 4){
finalSearchString = "http://a9.com/" + searchString;
}
if(searchEngine == 5){
finalSearchString = "http://s.teoma.com/search?q=" + searchString;
}
if(searchEngine == 6){
finalSearchString = "http://www.godado.it/godado.pperl/?Keywords=" +
searchString;
}
if(searchEngine == 7){
finalSearchString = "http://arianna.libero.it/search/abin/search?query=" +
searchString;
}
location.href = finalSearchString;
}
}
// -->
## 2: RICHIAMO INTERNO ALLA PAGINA WEB
Il richiamo interno alla pagina Web è un semplicissimo modulo di ricerca con i Motori specificati dal TAG Option. Per aggiungere altri motori si dovrà natualmente agire sia sul JavaScript sia sul modulo di ricerca presentato qui sotto.
<form name="searchForm">
<table width=320 border cellpadding=3 cellspacing=2>
<tr>
<td><p>Search for:<br />
<td><p>Search from:
<td>
<tr>
<td><input style="background: #CCCCCC" name="searchText"
type="text">
<td><select style="background: #CCCCCC" name="whichEngine">
<option selected>HTML.it
<option>Yahoo!
<option>Google
<option>A9
<option>Teeoma
<option>Godado
<option>Arianna</select>
<td class="write1"><input type="button" value="Send" onClick="startSearch()"></table></form>
