Ajax Dialog box avec jQuery et jQuery UI

Voici comment créer une Dialog Box dont le contenu est chargé par Ajax avec jQuery.

Vous avez besoin de jQuery et de jQuery UI

//Si vous n'avez pas déjà d'élément pour contenir le DialogBox
$("
Chargement...
").dialog().load("/adresse/dufichier.html");

//Créé une DialogBox dans un élément avec l'id "dialog"
$("#dialog").dialog().load("/adresse/dufichier.html");

Vous pouvez aussi inclure les librairies jQuery et JQuery UI sans les télécharger en utilisant le CDN de Google :

Cette technique est pratique car si un visiteur à déjà le fichier javascript en cache (parce qu'il a visité un autre site qui utilisait le CDN Google) il n'aura pas besoin de le télécharger à nouveau. Votre site se chargera donc plus rapidement.