Lavora con noi

JavaScript

Siti tematici

Speciali

Ajax

JavaScript » Articoli » Effetti e controlli Javascript

Pagine:

RSS Download

Tab semplici e accessibili con jQuery

di: Giuseppe Celsi 21 Maggio 2007

Vediamo ora come è organizzato lo script che opera dietro la pagina e che è contenuto nel file jquery.tabshort.js. Nella sezione <head> della nostra pagina HTML richiameremo questo script e la libreria jQuery come segue:

Le funzioni presenti in jquery.tabshort.js sono le seguenti:

- GestioneClickSuTab()
- AttivaTab()
- MostraContenuto()

Cosa fanno le varie funzioni è evidente da quanto abbiamo detto in premessa. Inoltre, in jquery.tabshort.js abbiamo alcune funzioni accessorie e la funzione che viene eseguita per inizializzare la tab - InizializzaTab - quando la pagina è interamente caricata (esempio):

$(document).ready(function() {
InizializzaTab ('tab-menu');
InizializzaTab ('tab-menu2');
});

Lo script può essere semplificato se non interessa realizzare la funzione codeview, in particolare la funzione MostraContenuto, oppure può essere esteso, ad esempio per aggiungere effetti di animazione. Ma in questo caso conviene usare direttamente il plugin jQuery.tabs.js, di cui parleremo in un prossimo articolo.

Tutti gli esempi, completi delle librerie usate, sono disponibili per il download.