Hvordan lage en meny ved hjelp av AJAX

May 5

Et nettsted meny tjener en viktig funksjon, slik at brukerne kan velge et bestemt element ved bruk av et elektronisk betalingsverktøy, se en liste over spesifiserte elementer eller enkelt navigere til ulike deler av en nettside. Du kan opprette en egendefinert meny for nettstedet ditt ved hjelp av AJAX, som bruker Javascript og XML for å oppnå nyttige nettstedet fungerer uten en tyngende mengde koding.

Bruksanvisning

1 Høyreklikk på filen på websiden som du vil legge til en meny. Hold munnen over "Åpne med" og deretter "Notisblokk". Den side åpnes som en tekstfil som kan redigeres.

2 Lim inn følgende kode mellom HTML "<HEAD>" koder:

"<script type =" text / javascript "src =" menu.js ">
</ Script>
<Noscript>
<Link type = "text / css" href = "Ajax-menu.files / style.css"
rel = "stylesheet">
</ Noscript>. "

Lukk Notisblokk.

3 Gjenåpne Notepad slik at du har en tom tekstfil. Trykk "Ctrl" og "S", deretter skriver «menu.js" inn i "Name" -feltet. Skriv inn AJAX dimensjon informasjon i tekstfilen i følgende format:

"Var menuWidth =" # ";
Var menuHeight = "#";
Var smWidth = "#";
Var smHeight = "#"; "

Erstatt "#" med de faktiske dimensjonene du vil at menyen skal være. Lukk Notisblokk, og deretter kopiere "menu.js" -mappen i mappen hvor nettstedet filene ligger.

4 Åpne nettstedets CSS-filen med Notepad og legge en klasse for din meny med tittelen "ajaxmenu." For eksempel, vil CSS menyen koden for tekststil se slik ut:

"UL #ajaxmenu {
font-size: 5; zoom: 2; float: right;} "

Hver stil linjen skal starte med "ul #ajaxmenu {." Klikk på "File" og deretter "Lagre som" og lagre filen som "style.css", så nær Notepad.

5 Legge til HTML-menyen kode med CSS stil klasse i filen på websiden der du vil ha på menyen. Åpne websiden filen i Notepad ved hjelp av prosessen oppført i trinn 1, og deretter legge til følgende kode:

"<Ul id =" ajaxmenu ">
<Li> <a href="#"> menypunkt 1 </a> </ li>
<Li> <a href="#"> menypunkt 2 </a> </ li>
</ Ul> ".

Du kan legge til så mange menyelementer til menyen som du ønsker. Klikk på "File" og deretter "Lagre" for å lagre endringene.