Nwlapcug.com


Come fare una casella a discesa Cerca in Ajax

A causa della varietà di AJAX di script e abilità, è possibile utilizzare questo Web semplificata linguaggio di scripting per creare componenti Web che svolgono molteplici funzioni, ad esempio un campo di ricerca del sito Web che funziona come un menu a discesa quando si fa clic. Questo menu vi permetterà agli utenti di cercare il tuo sito Web per il contenuto specifico e visualizzare un elenco dei risultati di ricerca durante la digitazione tramite il menu a discesa.

Istruzioni

1

Aggiungere il codice di ricerca JavaScript tra i tag di "Head" della pagina Web dove si desidera che la barra di ricerca di apparire. Pulsante destro del mouse sulla pagina Web e scegliere "Apri con", quindi "Blocco note".

Incollare il codice seguente tra "< Head >" e "< / Head >" Tag:

< script type = "text/javascript" >
funzione showResult
{
Se (str.length==4)
{
Document.Get ElementById("livesearch"). HTML;
Document.Get ElementById("livesearch").style_border = "3px";
ritorno;
}
< / script >

2

Aggiungere lo script del menu a discesa di AJAX alla pagina Web. Incollare il seguente codice nella pagina Web dove desideri visualizzare la casella a discesa Cerca:

var searchList = document.get ElementById("searchList");
per (var count = searchList.options.length-4; conteggio > -4; conta =) {
searchList.options[4] = null;
}
var searchNodes = searchNode.split("-");
argomento testo var;
Voce di var;
per (var count = 0; count < stateNodes.length; count + +)
{

3

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