Générant votre DOM avec les librairies Jquery et Prototype vous allez peut-être intéressé par cette trouvaille.
J’ai nommé: Easy Dom
Qui n’a jamais oublier de fermer un tag?
C’est cette question qui est à l’origine de la création de ce plugin, permettant de générer du code valide à coup sûr et automatiquement. En effet, très facilement vous allez pouvoir générer vos balises sans vous soucier de bien les fermer. Ce qui est tout de même souvent le cas lorsque qu’on implémente le DOM en javascript.
Avec à Easy Dom, vous écrivez pour créer une balise:
$.BaliseTag({"attribute1":"value1",...},textInsideTag)
Tout de suite, on se dit génial!… Néanmoins en travaillant un peu plus dessus, on s’aperçoit très vite que ce système a des limitation:
$("#elt").append($.BR({}),$.DIV({id:"myId",class:"myClass"},$.H2({},"FOO"),$.P({},$.SPAN({},"BAR"))));
La syntaxe est réellement illisible lors d’imbrications, ce qui transforme plus notre problème de départ qu’autre chose. En effet, au départ on veut supprimer le problème d’oubli de tag fermant et là on se retrouve à un problème de lisibilité mais aussi d’oubli de parenthèses et accolades…
Conclusion:
Au final, je ne conseille pas vraiment EasyDom. J’ai été contraint de l’utiliser pour mon projet de Semestre à l’Epfl sur le choix d’un élève m’ayant précédé. C’est d’ailleurs de cette façon que j’ai connu ce plugin.
Ne perdez donc pas de temps à vous y mettre, autrement des maux de tête vous attendent!









