O'Reilly logo

jQuery 1.7 et jQuery UI by Eric Sarrion

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

image

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 ;

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required