Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

UNE TREEVIEW GÉNÉRÉE DYNAMIQUEMENT, UTILISANT LES STYLES CSS ET COMPATIBLE AVEC IE ET MOZILLA


Information sur la source

Catégorie :Menu & Co Niveau : Débutant Date de création : 30/07/2004 Date de mise à jour : 10/08/2004 09:56:57 Vu / téléchargé: 16 140 / 4 205

Note :
8,25 / 10 - par 4 personnes
8,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (9)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Contient des classes permettant de créer sa TreeView.
J'ai mis un exemple tout simple dans le zip.
Si elle n'est pas à votre goût, qu'importe, vous pouvez la personnaliser comme vous le souhaitez....

Un défaut à souligner : N'est pas aussi optimiser que "TigraTreeMenu" par exemple. J'ai fait des essais avec plus de 500 noeuds ( IE met 5-6 secondes à l'afficher et FireFox, 2-3 secondes )
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

10 août 2004 09:56:57 :
Ca y est !! Elle est compatible avec Mozilla (FireFox) J'ai également modifier l'apparence de manière à la rendre plus compacte. En fait j'ai repris le style de "TigraTreeMenu"

Commentaires et avis

signaler à un administrateur
Commentaire de legion91 le 31/07/2004 22:39:35

Ouais joli effet mais sous FireFox il marche pas

signaler à un administrateur
Commentaire de FredT le 02/08/2004 13:29:49

Lu,
plutôt moyen pour la treeview obtenue, pas assez compacte à mon goût, mais ca doit s'arranger facilement en jouant sur les css ou ta fonction treeview_start().
vraiment domage que tu t'arrête à IE, ca ne fonctionne pas non plus sous mozilla 1.3
sinon, joli, niveau code, c structuré comme j'aime.
niveau rapidité, ca dit quoi sur ton pc avec 3000 noeuds ? chez moi vaut mieux pas en demander plus de 500.

Pour info : j'utilise et utiliserai encore cette version là: http://www.softcomplex.com/products/tigra_tree_menu/
car : compatible IE et mozilla, et également extrement efficace niveau rapidité: je l'utilise dans un cas où j'ai plus de 3000 noeuds.
j'avais en projet de réadapter la version tigra pour gérer quelques cas particulier sur certains nodes, ainsi qu'en ajouter après création, donc éviter de la recharger.
si ca t'intéresse, fait moi signe, ca pourrai etre assez constructif d'y bosser en commun.

signaler à un administrateur
Commentaire de LUDINSKI le 03/08/2004 08:53:12

Ben, je m'en doutait qu'il ne passerai pas sous d'autre navigateur, mais j'ai l'intention d'y remédier !!

FredT,
Effectivement je ne connaissait pas TigraTreeMenu. Il est beaucoup plus rapide que le mien ( chez moi aussi au bout de 600 noeuds, le script ne s'execute pas jusqu'au bout !! ). Par contre pour l'apparence, j'ai réussi à refaire la même.

En fait, si j'en ai refait une, c'est que tous ces treeView ne travail qu'avec des liens. Et moi je voulais faire en sorte que lors d'un clique sur un noeud, il execute une fonction Javascript ( aprés, libre à nous de nous de changer l'URL !!! )

Pour ta proposition de bosser ensemble, je ne serais pas disponible ce mois-ci : Je suis sur la fin d'une formation professionnelle !!
Mais promis, je garde ton pseudo sous le coude.

signaler à un administrateur
Commentaire de FredT le 03/08/2004 12:57:41

Re,
wai, tout a fait, c pour ca que ta version a retenue mon attention.
En résumé, mon objectif c la rapidité et la portabilité de la version tigra, et implémenter des fonctions comme les tiennent, du genre "node.onClick()" pour les cas particuliers et "treeView.onNodeClick()" pour tout le reste.
Pour éviter de rafraichir la page un "treeview.addNode()" et ".deleteNode()"
Avec ca, devrai y'avoir un paquet de programmeur qui vont être heureux
:)

signaler à un administrateur
Commentaire de LUDINSKI le 04/08/2004 11:00:55

J'ai déjà essayé de faire en sorte d'ajouter des noeuds sans recharger toute la treeview, et c'est pas gagné :

Chaque noeud est en fait une ligne d'un tableau et je n'ai pas trouvé comment insérer une nouvelle ligne, une fois le tableau fermé.

Sans ça, se serait un jeu d'enfant !!

Au fait, si quelqu'un peut me donner des conseils pour rendre mon code compatible avec d'autres navigateurs, qu'il n'hésite surtout pas !!!!

signaler à un administrateur
Commentaire de baratator le 13/11/2005 11:38:00

pour rajouter en live des cellules/lignes a une table en javascript/DOM rien de plus simple:
supposont que
_table = document.getElementById("tontableau");
pos = l'index ou tu veux ajouter/supprimer ta ligne/colonne OU -1 pour l'ajouter en fin de tableau/ligne
pour ajouter une ligne :
_table.insertRow(pos);

pour ajouter une colonne:
_table.rows[indexdelaligne].insertCell(pos);

C'est vraiment pas sorcier et ca marche sans probleme ;)

pour supprimer lignes et colonnes :
_table.rows[indexdelaligne].deleteCell(pos);
_table.deleteRow(pos);

Enjoy ;)

signaler à un administrateur
Commentaire de LUDINSKI le 14/11/2005 04:06:02

Salut Baratator ^^

Malheureusement, j'ai pas trop le temps de faire la mise à jour
Mais c'est vraiment cool de ta part !

Merci, merci

signaler à un administrateur
Commentaire de djatomix1 le 28/04/2006 07:57:57

Bonjour à tous, je viens de dynamiser en php ta superbe source, je suis embeté sur 2 points, IE ne veut pas l'executer jusqu'au bout et je n'arrive pas à fermer tous les noeuds, on peut pas le laisser fermer d'office?

Merci du coup de pouce

signaler à un administrateur
Commentaire de manga_dm le 21/12/2006 11:28:40

le script fonctionne bien sous Firefox,
mais les performances pour des arbres complex et de plus de 2000 noeuds
sont tres mediocres (environ 2 minutes pour 2000 noeuds)
il est donc innutilisable pour des gros arbres .....

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,234 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.