jQuery 1.7 et jQuery UI

14

Onglets

Les pages HTML comportant des onglets (tabs) sont devenues courantes dans les sites web actuels. Elles permettent d’assurer une meilleure compréhension des informations affichées, en les regroupant par onglets.

Principe de base

Supposons qu’on veuille écrire le code HTML permettant d’afficher les onglets représentés sur la figure 14-1. Nous avons une barre d’onglets (contenant ici trois onglets), puis un contenu différent pour chacun des onglets.

Figure 14–1 Onglets dans une page HTML

JQuery UI demande d’écrire ceci de la façon suivante :

• un bloc <div> global encadrant le tout ;

• une <ul> pour former la barre d’onglets ;