Bonjour,
J'ai besoin d'un tout petit coup de pouce, c'est la raison de mon post.
Je développe un site avec CodeIgniter et Bootstrap.
Pour développer une vue avec des catégories, j'utilise le très joli Easy Tree, fait avec JQuery.
http://jquery-plugins.net/easy-tree-...-and-bootstrap
Aucun soucis pour mettre en place l'arbre, j'ai bien fait les liens avec la table des catégories de ma base de données sqlite3 (en utilisant la méthode intervallaire excellemment bien décrite dans le tutoriel de SQLPRO qu'on trouve sur developpez.com).
Et j'ai pu reconstituer sans soucis mes arbres <ul></ul> imbriqués. L'affichage issu de la BDD est donc impeccable.
Mon soucis, c'est qu'une fois que j'ai mon arbre, je ne vois pas comment je peux faire des liens html.
Mon arbre ressemble à celui de la démo :
http://zgs225.github.io/easy-tree/
Quand j'insère dynamiquement des liens juste à côté du nom de la catégorie (dans les balises <li></li>), ce lien n'est pas cliquable à cause de la présence d'un "javascript:void (0)" qui apparaît quand on clique sur une feuille/nœud.
Or, je ne peux pas enlever ce "javascript: void(0)" sous peine de rendre l'arbre non fonctionnel...
Comment puis-je transformer le clic de sélection de la feuille/nœud en un lien vers un affichage de ce que la catégorie doit afficher ? Du genre : http://www.monsite.com/affichercategorie?id=xxx pour la catégorie xxx.
Je n'ai pas assez d'aisance en javascript pour résoudre ce problème dans les sources même de Easy Tree.
Je pense que je dois modifier quelque chose dans ce fichier, même un truc simple, mais je ne vois pas quoi :
https://github.com/zgs225/easy-tree/...rc/easyTree.js
D'où ma demande de coup de pouce...
Merci d'avance.
Partager