Pour agrémenter le design et améliorer l'ergonomie, j'utilise jQuery, la librairie JavaScript proposée en standard dans DotClear 2 :

La liste des tags et le formulaire

L'onglet Tags du menu du haut permet de faire dérouler la liste des tags, il en est de même pour le formulaire permettant de poster un commentaire qui par défaut est caché. Pour cela j'utilise la fonction toggle() de jQuery pour afficher et masquer un élément CSS (.tabstags) qui par défaut est masqué.

$(document).ready(function() {

        /* Gestion des tags déroulants */
        $("li.tags a").click(function() {
                $("ul.tabstags").toggle("slow");
        });
});

Les info-bulles

Simple utilisation du plugin ToolTip disponible pour jQuery et activable via la syntaxe :

$(document).ready(function() {

        /* Plugin ToolTips */
        $('a, input, img').Tooltip();
});

Quelques idées à venir si elle ne demande pas de modification du kernel de Dotclear :

  • Formulaire Ajax powered pour éviter de recharger la page lorsqu'on demande une prévisualisation, sous condition que ça ne facilite pas le SPAM.
  • Formulaire de recherche à la Google Sugeste.
  • Et bien plus encore ;-).