JqueryUi permet d'avoir une bonne base, car la création de la boîte de dialogue existe déjà.

Dans mon cas, il s'agit de confirmer la suppression d'un utilisateur. Cette option apparaitra dans chaque ligne d'un tableau d'utilisateurs, et la suppression sera faite en Ajax.

Pour éviter de devoir déclarer plusieurs fois la même fonction voici le code :

<script type="text/javascript"> 
function dialog(popup,fonction) {
$(popup).dialog({ autoOpen: false});
$(popup).dialog( 'option' ,
'buttons' , {Non:function() {$(this).dialog('close');},
Oui:function(){eval(fonction);$(this).dialog('close');}} )
$(popup).dialog('open');
return false;
}

function supprimer(id)
{
alert ('l\'utilisateur avec id '+id+' a bien ete suprime');
}
</script>
<a href="lien/vers/suppression.php?id=2"onclick="return dialog('#dialog','supprimer(2)');">supprimer cet utilisateur</a>

Explications

La fonction dialog(popup,fonction) nous permet de facilement appeler n'importe quelle boite de dialogue, et de personnaliser une fonction javascript de retour.
Dans un premier temps, on configure notre boite de dialogue avec un autoOpen à false, pour finir de la configurer.

Ensuite, Nous avons juste à modifier la configuration des boutons, pour personnaliser notre action, et définir quel est la div à charger comme contenu.

Enfin, on ouvre la boite de dialogue Jquery avec 'open'.

Dans le lien qui va permettre la suppression, et donc l'ouverture préalable de notre boite, nous appellerons la fonction comme ceci :

dialog('#dialog','supprimer(2)')

Le premier argument est la div qui sert de contenu de la boite de dialogue
Le deuxième argument est la fonction javascript à lancer, si l'utilisateur clique sur "oui"