Nous voici enfin à la fin de cette longue série d'articles. J'espère qu'elle ne vous aura pas trop découragée. Depuis la semaine dernière, notre plugin est complet. Pour le parfaire, j'aimerais y ajouter quelques événements me permettant de suivre les modifications effectuées sur l'arbre.

Ca y est ! Nous touchons au but. Depuis la semaine dernière toutes les fonctionnalités de l'arborescence sont en place. Les éléments peuvent être déplacés et supprimés par l'utilisateur. Maintenant, il faut pouvoir récupérer les modifications effectuées et les envoyer au serveur pour, par exemple, les enregistrer. Ajoutons une fonction de sérialisation XML du contenu de l'arbre.

Depuis l'article dernier, nous pouvons déplacer les éléments de notre arborescence. Pour que le système soit parfait, il faut nous laisser la possibilité de supprimer des fichiers indésirables. C'est ce sur quoi nous allons travailler aujourd'hui.

Maintenant que les dossiers de notre arborescence s'ouvrent et se ferment, il ne lui manque que peu de choses pour être complète. Le déplacement des fichiers et dossiers par drag and drop sera notre mission du jour.
Plutôt que de réinventer la roue, nous allons utiliser jQuery UI pour accomplir le drag and drop. Ce qui ne sera pas sans poser des soucis de compatibilité entre navigateurs (inutile de vous préciser lesquels).

Mis à jour le 19 Mai 2010 : Ajout du paramètre tolerance qui corrige le bug lors du dépôt d'un long dossier.

Depuis la semaine dernière nous sommes en mesure d'ouvrir et de fermer manuellement les dossiers de notre arborescence. Voyons aujourd'hui comment les ouvrir (tous ou certains), automatiquement dès le premier affichage.

Nous avons vu la semaine dernière comment ajouter une compteur de fichiers aux dossiers de notre arborescence. Mais une arborescence n'est vraiment utile que si ses dossiers s'ouvrent et se ferment pour en faciliter la consultation. C'est ce que nous allons voir aujourd'hui. A vos claviers !

L'article de la semaine dernière nous a permis de transformer une simple liste HTML en arborescence de type dossiers / fichiers. C'est joli, mais ça manque un peu de fantaisie et d'options utiles. La mission d'aujourd'hui sera d'ajouter un compteur de fichiers à chaque dossier. En avant.

Il y a 6 ans j'ai eu à développer une arborescence de fichiers en javascript. Il m'a fallut près d'un mois de développement pour la réaliser. A l'époque, jQuery, jQuery UI n'existaient pas.

Aujourd'hui, armé des bons outils et, je l'espère, d'un peu plus d'expérience, il m'a fallut deux heures pour arriver au même résultat. L'occasion rêvée d'écrire une suite d'articles pas à pas pour sortir le blog de sa torpeur.

Je viens de tomber sur cette petite vidéo sur Twitter réalisée par Studio Jojo. Je la partage ici. Que d'idées et d'imagination. Que de talent aussi.

Via Papy Geek

En tant qu'utilisateur d'internet vous avez déjà dû être orienté vers des orthographes différentes lors de vos recherches sur Google. Les plus techniciens d'entre nous auront très certainement été aidé dans leurs commandes Git par ce genre de messages des plus utiles lors des fautes de frappes.

L'apport de telles suggestions est important à tout développeur ceinture noire de defensive design. Voyons comment offrir le même confort à nos utilisateurs chéris.