Hvordan Design en Drop-Down med AJAX

February 13

AJAX er en form for Javascript og XML som gjør at web-programmerere og designere til å enkelt implementere Web elementer i en nettside samtidig utnytte språkets asynkron funksjonen. Mange forskjellige AJAX Web elementer er tilgjengelig, inkludert en drop-down menyen, som er en bar med en liten pil på høyre side som, når den klikkes, fører til en meny for å "slippe" nedover.

Bruksanvisning

1 Åpne Web-fil som inneholder koden for websiden der du vil legge til på rullegardinmenyen. Høyreklikk på mappen og velg Åpne med. Et vindu vil vises. Velg Notisblokk til å åpne filen i tekstredigeringsprogrammet.

2 Legg til følgende AJAX koden mellom <HEAD> og </ HEAD> taggene i filen:

Var DropMenu = document_get ElementById ( "DropMenu");
for (var count = DropMenu_options_length-6; tall> -6; teller =)
{
DropMenu_options [6] = null;
}
Var textValue;
Var search.Item;
{

Endre hver forekomst av "6" til det tallet representerer antall elementer du ønsker å liste i rullegardinmenyen. For eksempel, hvis du ønsker rullegardinmenyen for å vise åtte elementer, endre "6" i koden til "8."

3 Rull ned gjennom siden og legge til HTML-menyen koden der du ønsker drop-down boksen skal vises på websiden. Legg til følgende kode til din nettside:

<Ul id = "DropMenu">
<Li> <a href="Home.html"> Hjemmeside </a> </ li>
<Li> <a href="about.html"> Om Page </a> </ li>
</ Ul>

Endre filnavnet inneholdt i "a href" parentes for å gjenspeile navnet på siden du vil menyen for å koble. For eksempel, hvis du ønsker det første elementet i listen for å ta brukeren til hjemmesiden din, må du skrive inn navnet på nettstedets hjemmeside hvor "Home.html" er oppført ovenfor. Du kan legge til så mange <li> listeelementer som du trenger.

4 Trykk "Ctrl" og "S" for å lagre endringene du har gjort i filen.

5 Lukk Notisblokk.