DHTML, problèmes avec une treeview

DHTML, problèmes avec une treeview - HTML/CSS - Programmation

Marsh Posté le 03-05-2002 à 14:52:52    

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]

Reply

Marsh Posté le 03-05-2002 à 14:52:52   

Reply

Marsh Posté le 03-05-2002 à 15:37:21    

...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:

Reply

Marsh Posté le 03-05-2002 à 16:32:20    

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

Reply

Marsh Posté le 03-05-2002 à 16:34:07    

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]

Reply

Marsh Posté le 03-05-2002 à 16:38:27    

Reply

Marsh Posté le 03-05-2002 à 16:44:23    

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]

Reply

Marsh Posté le 03-05-2002 à 16:49:27    

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]

Reply

Marsh Posté le 03-05-2002 à 17:03:41    

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

Reply

Marsh Posté le 03-05-2002 à 17:04:06    

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 !

Reply

Marsh Posté le 03-05-2002 à 17:05:21    

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]

Reply

Marsh Posté le 03-05-2002 à 17:05:21   

Reply

Marsh Posté le 03-05-2002 à 17:27:08    

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!!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed