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 ne sais pas pour vous, mais moi, dès que je regarde une chaine d'information, je suis hypnotisé par les barres de news qui défilent en bas de l'écran. Je n'arrive pas à en détacher les yeux. Personnellement, je trouve celles de iTélé particulèrement réussies.

Je me suis dit que ce traitement des brèves infos pouvait être une belle manière d'annoncer les mises à jour d'un site web. Bien évidement en tant qu'obsédé de jQuery, je me suis amusé à réaliser un effet similaire. Le voici.

L'un des sujets récurents de ce blog est la création de plugins jQuery. Ces plugins sont toujours construit selon le même principe. Je ne peux malheureusement pas répéter les mêmes explications à longueur d'articles pour ne pas les rendre encore plus longs et répétitifs. Pourtant, je ne peux pas non plus aborder la conception d'un plugin sans en développer les bases.

Cet article aborde, une bonne fois pour toutes, le B-A BA du développement orienté jQuery.