Hvordan lage en rullegardin Search Box i Ajax

November 4

På grunn av AJAX brede utvalg av skript og evner, kan du bruke denne forenklede Web skriptspråk for å lage Web-komponentene som utfører flere funksjoner, for eksempel en nettside søkefelt som fungerer som en rullegardinmenyen når den blir klikket. Denne menyen vil tillate brukere å søke på nettstedet for spesifikke innholdet og se en liste over søkeresultater mens du skriver via rullegardinmenyen.

Bruksanvisning

1 Legg Javascript søkekoden mellom "hodet" kodene på websiden der du vil at søkefeltet skal vises. Høyreklikk på websiden og velg "Åpne med" og deretter "Notisblokk".

Lim inn følgende kode mellom "<HEAD>" og "</ head>" koder:

<Script type = "text / javascript">
funksjon utstillingsresultat
{
if (str.length == 4)
{
document.get ElementById ( "livesearch") HTML.;
. Document.get ElementById ( "livesearch") style_border = "3px";
komme tilbake;
}
</ Script>

2 Legg rullegardinmenyen skript AJAX til websiden. Lim inn følgende kode i websiden der du vil ha på rullegardinsøkefeltet skal vises:

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

3 Klikk på "File" og deretter "Lagre" for å lagre endringene du har gjort i websiden kode, og deretter tett Notepad.