Treeview et javascript

Treeview et javascript - HTML/CSS - Programmation

Marsh Posté le 25-08-2008 à 11:06:32    

var nom=navigator.appName;
bonjour j'ai un soucis avec mozilla qui ne reconnait pas le event...
 

Code :
  1. function SelectAllChildNodes(event)
  2.     {
  3.         event = event || window.event;
  6.         //debugger;
  7.         if (nom=='Microsoft Internet Explorer') {
  8.         var obj = event.srcElement;
  9.         }
  10.         else {
  11.         var obj = window.event.target;
  12.         }
  13.        
  14.         var treeNodeFound = false;


Message édité par korben31 le 25-08-2008 à 11:51:58
Reply

Marsh Posté le 25-08-2008 à 11:06:32   

Reply

Marsh Posté le 25-08-2008 à 11:26:39    

et ca donne quoi ca ? :

Code :
  1. function SelectAllChildNodes (e)
  2.     {
  3.         var event = e || window.event;
  4.         //debugger;
  5.         var obj = event.target || event.srcElement;
  7.         var treeNodeFound = false;
  8. ...


 
faut se méfier, ttes les variables font parties de l'objet window ;)


Message édité par SICKofitALL le 25-08-2008 à 11:27:22

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 25-08-2008 à 11:29:56    

:D

Reply

Marsh Posté le 25-08-2008 à 11:30:50    

Il faut prendre ca comment ? :o


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 25-08-2008 à 11:51:27    

Me reste juste un truc maintenant, j'ai un treeview en asp et j'ai recuperer une fonction qui permet de check tout les sous noeud
Le truk c'est que j'aimerai l'adapter pour faire un lien onclick qui me permette de faire une fonction qui me selectionne toute les checkboxes de mon treeview:
 

Code :
  1. function OnTreeClick(evt)
  2. {
  3. var src = window.event != window.undefined ? window.event.srcElement : evt.target;
  4. var isChkBoxClick = (src.tagName.toLowerCase() == "input" && src.type == "checkbox" );
  5. if(isChkBoxClick)
  6. {
  7.      var parentTable = GetParentByTagName("table", src);
  8.      var nxtSibling = parentTable.nextSibling;
  9.      //check if nxt sibling is not null & is an element node
  10.       if(nxtSibling && nxtSibling.nodeType == 1)
  11.      {
  12.          if(nxtSibling.tagName.toLowerCase() == "div" ) //if node has children
  13.          {
  14.              //check or uncheck children at all levels
  15.              CheckUncheckChildren(parentTable.nextSibling, src.checked);
  16.          }
  17.      }
  18. //check or uncheck parents at all levels
  19. CheckUncheckParents(src, src.checked);
  20. }
  21. }
  23. function CheckUncheckChildren(childContainer, check)
  24. {
  25. var childChkBoxes = childContainer.getElementsByTagName("input" );
  26.       var childChkBoxCount = childChkBoxes.length;
  27. for(var i=0;i<childChkBoxCount;i++)
  28. {
  29.      childChkBoxes[i].checked = check;
  30. }
  31. }
  33. function CheckUncheckParents(srcChild, check)
  34. {
  35. var parentDiv = GetParentByTagName("div", srcChild);
  36. var parentNodeTable = parentDiv.previousSibling;
  37. if(parentNodeTable)
  38. {
  39.      var checkUncheckSwitch;
  40.      if(check) //checkbox checked
  41.      {
  42.          var isAllSiblingsChecked = AreAllSiblingsChecked(srcChild);
  43.          if(isAllSiblingsChecked)
  44.                  checkUncheckSwitch = true;
  45.          else
  46.                  return; //do not need to check parent if any(one or more) child not checked
  47.      }
  48.      else //checkbox unchecked
  49.      {
  50.          checkUncheckSwitch = false;
  51.      }
  52.  
  53.      var inpElemsInParentTable = parentNodeTable.getElementsByTagName("input" );
  54.      if(inpElemsInParentTable.length > 0)
  55.      {
  56.          var parentNodeChkBox = inpElemsInParentTable[0];
  57.          parentNodeChkBox.checked = checkUncheckSwitch;
  58.          //do the same recursively
  59.         CheckUncheckParents(parentNodeChkBox, checkUncheckSwitch);
  60.      }
  61. }
  62. }
  64. function AreAllSiblingsChecked(chkBox)
  65. {
  66. var parentDiv = GetParentByTagName("div", chkBox);
  67. var childCount = parentDiv.childNodes.length;
  68. for(var i=0;i<childCount;i++)
  69. {
  70.      if(parentDiv.childNodes[i].nodeType == 1)
  71.      {
  72.          //check if the child node is an element node
  73.          if(parentDiv.childNodes[i].tagName.toLowerCase() == "table" )
  74.          {
  75.              var prevChkBox = parentDiv.childNodes[i].getElementsByTagName("input" )[0];
  76.              //if any of sibling nodes are not checked, return false
  77.              if(!prevChkBox.checked)
  78.              {
  79.                  return false;
  80.              }
  81.          }
  82.      }
  83. }
  84. return true;
  85. }
  87. //utility function to get the container of an element by tagname
  88. function GetParentByTagName(parentTagName, childElementObj)
  89. {
  90. var parent = childElementObj.parentNode;
  91. while(parent.tagName.toLowerCase() != parentTagName.toLowerCase())
  92.      {
  93.          parent = parent.parentNode;
  94.      }
  95. return parent;
  96. }

Reply

Marsh Posté le 25-08-2008 à 11:57:04    

Tiens le sujet a changé de nom ... :o


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 25-08-2008 à 11:58:20    

oui j'ai fais un sujet generique :D

Reply

Sujets relatifs:

Leave a Replay

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