Dojo et Blogger, ça roule.

Publié par Fabrice Michellonet sous le(s) label(s) le 6 juin 2008

Comme vous pouvez le voir le templating du blog avance; Je me suis basé sur le template foliage, enfin surtout sur les artworks. Pour l'instant vous pouvez découvrir le layout global ainsi qu'une première version de la présentation des billets. A ce propos, je posterais bientôt un tutoriel "step by step" sur la mise en forme d'un widget, surement le widget Blog qui m'a valu de me faire quelques cheveux blancs.

Comme évoqué dans mon premier post Démarrage je me base sur le framework Dojo pour customiser ce blog. Ainsi la mise en forme 2 colonnes Header + Footer est réalisé avec le composant Border Container qui fonctionne de manière semblable à celle du BorderLayout de Java.

Pour utiliser Dojo j'avais la possibilité d'uploader la librairie sur une serveur ou bien d'utiliser la version "Online Cross Domain" hébergée par AOL.

Je ne pensais pas dire ça un jour, mais la version hostée par AOL fonctionne plutôt bien, les accès sont rapides etc... et surtout, pas besoin d'uploader ça quelque part. Comme quoi, y'a que les cons qui ne changent pas d'avis.

Bon aller sans plus attendre voici comment utiliser la version CDN de Dojo. Il suffit d'ajouter ces quelques déclarations dans la section head de votre page web.

<head>

/* ... */

/* utilisation de la version CDN de DOJO. */
<script djConfig="parseOnLoad: true, isDebug: false" src="http://o.aolcdn.com/dojo/1.1.1/dojo/dojo.xd.js" type="text/javascript"/>

<script language="javascript" type="text/javascript">
/* Déclaration des objets/widgets Dojo */
dojo.require("dojo.parser");
dojo.require("dojox.fx.easing");
dojo.require("dojox.fx.scroll");
</script>

/* ... */

</head>

Par la suite il vous suffit d'utiliser les nombreux widgets existants. En voici la liste complète.

Mais Dojo propose bien plus de chose que des widget, outre les facilités d'utilisations d'Ajax, aujourd'hui commune a beaucoup d'autres framework, Dojo embarque une grande quantité d'effets visuels. Pour en essayer un, essayez de cliquer sur le lien top qui se trouve dans le footer de ce blog.

Have fun.