September 9
Ajax è una tecnologia Web che utilizza il codice JavaScript per richiedere una risposta da un server HTTP senza ricaricare l'intera pagina Web. L'acronimo sta per Asynchronous JavaScript e XML. Ajax può essere trovato ovunque sul web. Si integra inoltre con quasi tutto, tra cui ASP, XML, HTML e PHP.
1 Scarica il file compresso, chiamato ajax-menu-sample.zip, dal sito Deluxe-Menu (vedi Bibliografia). Estrarre e copiare la cartella "Ajax-menu.files" nella directory di pagina Web.
2 Incollare il seguente codice nella sezione <head> della pagina. Fare riferimento al file index.html da ajax-menu-sample.zip per il corretto posizionamento:
<Script type = "text / javascript" href = "Ajax-menu.files / style.css"
rel = "stylesheet"> </ noscript>
3 Aggiungere il seguente codice di menu alla sezione <body> della tua pagina per creare una lista non ordinata per il vostro principale di navigazione in alto:
<Ul id = "deluxeMenu">
<Li> <a href="#"> casa </a> </ li>
<Li> <a href="#"> <span> Info prodotto </ span> <a </a> href="info.html"> </a> </ li>
<Li> <a href="#"> <span> Campioni </ span> <a </a> href="samples.html"> </a> </ li>
<Li> <a href="#"> acquisto </a> </ li>
<Li> <a href="#"> Contattaci </a> </ li>
</ Ul>
<! - Script di init di menu ->
<Script type = "text / javascript" e "Campioni" elementi, come mostrato nei seguenti codici:
<a href="info.html"> </a>
<a href="samples.html"> </a>
4 Creare questi file esterni per il vostro menu secondari: info.html e samples.html.
Aggiungere questo codice per il info.html:
<Ul style = "width: 136px;">
<Li> <a href="#"> Caratteristiche </a> </ li>
<Li> <a href="#"> <span> Installazione </ span> </a>
<Ul style = "width: 133px;">
<Li> <a href="#"> Descrizione dei file </a> </ li>
<Li> <a href="#"> Come installare </a> </ li>
</ Ul> </ li>
<Li> <a href="#"> Parametri Info </a> </ li>
<Li> <a href="#"> funzioni dinamiche </a> </ li>
<Li> <a href="#"> <span> Browser supportati </ span> </a>
<Ul style = "width: 117px;">
<Li> <a href="#"> sistema operativo Windows </a> </ li>
<Li> <a href="#"> Internet Explorer </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Mozilla </a> </ li>
<Li> <a href="#"> Netscape </a> </ li>
<Li> <a href="#"> Opera </a> </ li>
<Li> <a href="#"> MAC OS </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Safari </a> </ li>
<Li> <a href="#"> Internet Explorer </a> </ li>
<Li> <a href="#"> Unix / Linux OS </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Konqueror </a> </ li>
</ Ul> </ li>
</ Ul>
Aggiungere questo per il samples.html:
<Ul style = "width: 133px;">
<Li> <a href="#"> voce di menu esempio </a> </ li>
<Li> <a href="#"> Esempio 1 </a> </ li>
<Li> <a href="#"> Esempio 2 </a> </ li>
<Li> <a href="#"> Esempio 3 </a> </ li>
<Li> <a href="#"> Campione 4 </a> </ li>
<Li> <a href="#"> Campione 5 </a> </ li>
<Li> <a href="#"> Campione 6 </a> </ li>
<Li> <a href="#"> Campione 7 </a> </ li>
<Li> <a href="#"> Campione 8 </a> </ li>
<Li> <a href="#"> Esempio 9 </a> </ li>
</ Ul>
5 Copiare i file info.html e samples.html che si è creato nella stessa directory come la pagina Web. Il menu è ora pronto per l'uso.