JQuery mi consente di caricare facilmente dell'HTML da un file esterno.

Ora costruiremo un vocabolario che ci consentirà di caricare dei lemmi relativi ad una iniziale, che stanno tutti nella pagina html relativa.

Dictionary step 1

JAVASCRIPT CODE:

$(document).ready(function() {
$('#letter-a .button').click(function() {
$('#dictionary').load('a.html');
}); });

Analizziamo il codice:

• $(document).ready(function() - al caricamento della pagina
• $('#letter-a .button').click(function() { - setta il click sul bottone della lettera A
• $('#dictionary').load('a.html'); - carica il contenuto di a.html nel DIV con id #dictionary