jQuery 1.7 et jQuery UI

16

Boîtes de dialogue

Les boîtes de dialogue sont des solutions intéressantes pour afficher des informations au-dessus de la page HTML, telles qu’une question posée à l’utilisateur, par exemple. Elles ont le comportement traditionnel des fenêtres, à savoir qu’on peut les déplacer, les redimensionner et, bien sûr, les fermer.

Principe de base

On veut écrire le code HTML permettant d’afficher la boîte de dialogue représentée sur la figure 16-1. Elle est composée d’une barre de titre contenant un bouton de fermeture et d’un contenu textuel. Initialement centrée dans la page, la fenêtre peut être déplacée par glisser-déposer, mais aussi redimensionnée sur les côtés.

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

• un bloc <div> global ...