Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1719 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  DHTML, problèmes avec une treeview

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

DHTML, problèmes avec une treeview

n°134104
El_gringo
Posté le 03-05-2002 à 14:52:52  profilanswer
 

Alors, déja, je vous dis direct: je n'y connais rien, ni en HTML, ni en DHTML, ni en Javascript.
J'ai récupéré ce truc sur le net, et vais m'inspirer de la syntaxe pour créer ma propre treeview. Mais j'ai un problème avec cette treeview: un "noeud" ne semble pas pourvoir être également un lien, je m'explique après ça (script de ma treeview):
 

Code :
  1. <!-- saved from url=(0022)http://internet.e-mail -->
  2. <HTML>
  4. <BODY>
  6. <!-- [client side code for collapsing and unfolding branches] -->
  7. <SCRIPT LANGUAGE="JavaScript">
  9. // ---------------------------------------------
  10. // --- Name:    Easy DHTML Treeview           --
  11. // --- Author:  D.D. de Kerf                  --
  12. // --- Version: 0.2          Date: 13-6-2001  --
  13. // ---------------------------------------------
  14. function Toggle(node)
  15. {
  16. // Unfold the branch if it isn't visible
  17. if (node.nextSibling.style.display == 'none')
  18. {
  19.  // Change the image (if there is an image)
  20.  if (node.childNodes.length > 0)
  21.  {
  22.   if (node.childNodes.item(0).nodeName == "IMG" )
  23.   {
  24.    node.childNodes.item(0).src = "minus.gif";
  25.   }
  26.  }
  28.  node.nextSibling.style.display = 'block';
  29. }
  30. // Collapse the branch if it IS visible
  31. else
  32. {
  33.  // Change the image (if there is an image)
  34.  if (node.childNodes.length > 0)
  35.  {
  36.   if (node.childNodes.item(0).nodeName == "IMG" )
  37.   {
  38.    node.childNodes.item(0).src = "plus.gif";
  39.   }
  40.  }
  42.  node.nextSibling.style.display = 'none';
  43. }
  45. }
  46. </SCRIPT>
  49. <!-- [Example of a treeview in action] -->
  51. <TABLE BORDER=0>
  53.    <TR><TD>
  54.       <TABLE BORDER=0><TR><TD><IMG SRC="leaf.gif"> Analysis<DIV style='display:none'>
  55.       </DIV></TD></TR></TABLE>
  56.    </TR></TD>
  58.    <TR><TD>
  59.       <TABLE BORDER=0><TR><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif"> cliklà</A><DIV style='display:none'>
  61.          <TABLE BORDER=0><TR><TD WIDTH=10></TD><TD><IMG SRC="leaf.gif"> <a href="http://www.damaris.fr"> test Damaris</a><DIV style='display:none'>
  62.          </DIV></TD></TR></TABLE>
  64.          <TABLE BORDER=0><TR><TD WIDTH=10></TD><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif"> Visual C++</A><DIV style='display:none'>
  66.             <TABLE BORDER=0><TR><TD WIDTH=10></TD><TD><IMG SRC="leaf.gif"> Memory Leak problems<DIV style='display:none'>
  67.             </DIV></TD></TR></TABLE>
  69.             <TABLE BORDER=0><TR><TD WIDTH=10></TD><TD><IMG SRC="leaf.gif"> Database problems<DIV style='display:none'>
  70.             </DIV></TD></TR></TABLE>
  72.          </DIV></TD></TR></TABLE>
  74.       </DIV></TD></TR></TABLE>
  75.    </TR></TD>
  77.    <TR><TD>
  78.       <TABLE BORDER=0><TR><TD><IMG SRC="leaf.gif"> Design<DIV style='display:none'></DIV>
  79.       </TD></TR></TABLE>
  80.   </TR></TD>
  82. </TABLE>
  84. <BR><BR>
  85. <HR>
  86. </BODY>
  87. </HTML>


 
J'aurai voulu que "cliklà" puisse être un lien hypertexte (un href quoi). ça vous parrait impossible !?

 

[jfdsdjhfuetppo]--Message édité par el_gringo le 03-05-2002 à 14:54:32--[/jfdsdjhfuetppo]

mood
Publicité
Posté le 03-05-2002 à 14:52:52  profilanswer
 

n°134133
El_gringo
Posté le 03-05-2002 à 15:37:21  profilanswer
 

...le code est incompréhensible comme ça, ms vous pouvez le prendre, et le fouttre dans un .html, vs verrez mieux ce que j'veux dire...
s'y vous plé ! c important... :cry:

n°134185
veryfree
Posté le 03-05-2002 à 16:32:20  profilanswer
 

a defaut de pouvoir t'aider...
voila un Up deguisé
et tout en rime d'il vous plait
 
 
 
ps: j vait vu un prog qui créait ce genre d arborecence autmotiquememnt en te demandant ton menu et les sous sections...
 
 
je cherche ca

n°134187
veryfree
Posté le 03-05-2002 à 16:34:07  profilanswer
 

j en revien pas lol  
j ai trouver ca en 2 sec
http://www.toutjavascript.com/magicmenu/magicm.php3
 
edit: sans la version enregistré tu pe pas faire de sous menu  :(

 

[jfdsdjhfuetppo]--Message édité par veryfree le 03-05-2002 à 16:37:14--[/jfdsdjhfuetppo]

n°134190
veryfree
Posté le 03-05-2002 à 16:38:27  profilanswer
 
n°134195
El_gringo
Posté le 03-05-2002 à 16:44:23  profilanswer
 

veryfree a écrit a écrit :

j en revien pas lol  
j ai trouver ca en 2 sec
http://www.toutjavascript.com/magicmenu/magicm.php3
 
edit: sans la version enregistré tu pe pas faire de sous menu  :(  




 
Merci, c cool pr le up et pour ta tentative, ms apparement ça permet pas plus de faire ce dont g besoin.
Je m'explique mieux.
 
déja, voila l'url d'nu exemple du code DHTML que j'utilise:
http://www.araps.easynet.be/test/DHTML_Treeview.htm
Je ne parle que des noeuds (les éléments qui ont des éléments "enfants" ).
Quand on clique sur le +, ça développe les éléments "enfants".
Mais je voudrais que "Implementation" soit un lien hypertexte, et que, quand on clique dessus, on accède à une page web de mon choix (un href quoi). ms je suis pas sur du tout que ça soit possible.
Tu veux y jetter nu oeil !?

 

[jfdsdjhfuetppo]--Message édité par el_gringo le 03-05-2002 à 16:45:07--[/jfdsdjhfuetppo]

n°134201
veryfree
Posté le 03-05-2002 à 16:49:27  profilanswer
 

el_gringo a écrit a écrit :

 
 
Merci, c cool pr le up et pour ta tentative, ms apparement ça permet pas plus de faire ce dont g besoin.
Je m'explique mieux.
 
déja, voila l'url d'nu exemple du code DHTML que j'utilise:
http://www.araps.easynet.be/test/DHTML_Treeview.htm
Je ne parle que des noeuds (les éléments qui ont des éléments "enfants" ).
Quand on clique sur le +, ça développe les éléments "enfants".
Mais je voudrais que "Implementation" soit un lien hypertexte, et que, quand on clique dessus, on accède à une page web de mon choix (un href quoi). ms je suis pas sur du tout que ça soit possible.
Tu veux y jetter nu oeil !?  
 
 




 
tu ve que que ca developpe les elements enfant avec un + un lien hypertext?
si c est ca j en vois pas l interet dsolé

 

[jfdsdjhfuetppo]--Message édité par veryfree le 03-05-2002 à 16:49:43--[/jfdsdjhfuetppo]

n°134217
grosmethos
Posté le 03-05-2002 à 17:03:41  profilanswer
 

va voir ton email tu devrais recevoir un fichier joint qui devrait t'aider à comprendre pas mal de truc.;.
@+

n°134218
El_gringo
Posté le 03-05-2002 à 17:04:06  profilanswer
 

J'pense que le 2e script Javascript que tu m'as filé me permettrai de faire ce que je veux. Mais je peux pas l'utiliser parce qu'il est très long. Mon appli est un truc ISAPI (qui génère une page web dynamiquement), et je peux pas utilise de .js
Je pourrait toujours tout fouttre dans une seule page html, ms c un truc de porc un page html de 500 lignes qd même !

n°134220
El_gringo
Posté le 03-05-2002 à 17:05:21  profilanswer
 

veryfree a écrit a écrit :

 
 
tu ve que que ca developpe les elements enfant avec un + un lien hypertext?
si c est ca j en vois pas l interet dsolé  




 
Je veux que le + devant développe les enfants, et que le texte à coté soit un lien hypertexte.
Pas que ça fasse les 2 à la fois. Juste que l'action faite par le + soit distincte de celle faite par le texte qui est à coté...

 

[jfdsdjhfuetppo]--Message édité par el_gringo le 03-05-2002 à 17:18:50--[/jfdsdjhfuetppo]

mood
Publicité
Posté le 03-05-2002 à 17:05:21  profilanswer
 

n°134238
grosmethos
Posté le 03-05-2002 à 17:27:08  profilanswer
 

tu peux regarder si le dernier qui te developpe il a encore un noeud...je crois que c'est un truc comme nextsibling....(fin je me rappel plus de la synytaxe fin c'est next quelque chose..)
 
Si il y a rien dans ce cas il aut que ce soirt un lien...
tu as bien la method innerHtml qui te perme de mettre du code HTML à l'interiuer de ta balise div...
<div id="mabalise">...
 
dans ta fonction Javascript:  
mabalise.innerHTML="<a href='mon lien.htm'>mon lien</a>"...
et voila ta balise div contient maintenant un lien!!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  DHTML, problèmes avec une treeview

 

Sujets relatifs
changeent de couleur avec le DHTML dans un tableaux[DHTML] Menu déroulant/mouvement + POO en JS?
Problèmes pour une console style DOS en C++ ![DHTML / écran qui scintille !!!!!! c koi ste daube ???]
Problêmes en PHP[HTML & DHTML] Problème Positionnement
[HTML & DHTML] HELP : Problème avec objet INPUT type=file[HTML ou DHTML] caché une collone d'un tableau
Ca vien de chez moi ou y a des petits problemes avec les drapeaux ?[JAVA] problemes d installation
Plus de sujets relatifs à : DHTML, problèmes avec une treeview

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.055 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR