Come fare una ricerca casella a discesa in Ajax

December 5

A causa della grande varietà di script e le abilità di AJAX, è possibile utilizzare questo linguaggio di scripting Web semplificata per creare componenti Web che eseguono più funzioni, come un campo di ricerca sito web che funziona come un menu a discesa quando viene cliccato. Questo menù permette agli utenti di cercare il vostro sito per contenuti specifici e vedere un elenco di risultati di ricerca durante la digitazione tramite il menu a discesa.

istruzione

1 Aggiungere il codice di ricerca JavaScript tra i tag "testa" nella pagina Web in cui si desidera visualizzare la barra di ricerca. Pulsante destro del mouse sulla pagina Web e scegliere "Apri con", quindi "Blocco note".

Incollare il codice seguente tra i "<head>" e "</ head>" tag:

<Script type = "text / javascript">
funzione showResult
{
if (str.length == 4)
{
document.get ElementById ( "LiveSearch") HTML.;
. Document.get ElementById ( "LiveSearch") style_border = "3px";
ritorno;
}
</ Script>

2 Aggiungere lo script menu a discesa AJAX alla pagina Web. Incollare il seguente codice nella pagina Web, ovunque vuoi la casella di ricerca a discesa per comparire:

var = listaRicerca document.get ElementById ( "listaRicerca");
for (var = count searchList.options.length-4; count> -4; count =) {
searchList.options [4] = null;
}
var = searchNodes searchNode.split ( "-");
var textValue;
var searchItem;
for (var count = 0; contare <stateNodes.length; contare ++)
{

3 Fare clic su "File", poi "Salva" per salvare le modifiche apportate al codice della pagina Web, quindi chiudere il Blocco note.