home *** CD-ROM | disk | FTP | other *** search
/ com!online 2002 June / comonline0602.iso / software / cogitum / CoTracker.exe / list.___ < prev    next >
Encoding:
Text File  |  2000-10-31  |  5.3 KB  |  283 lines
  1. <HTML>
  2. <HEAD>
  3. <TITLE></TITLE>
  4. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
  5. <STYLE>
  6. <!--
  7. .NormTxt
  8. {
  9.        color: black;        
  10.     background-color:white;
  11.     cursor:default;    
  12. }
  13.  
  14. .HltTxt
  15. {
  16.        color: red;        
  17.     background-color:white;
  18.     cursor:default;    
  19. }
  20.  
  21. .SelTxt
  22. {
  23.        color: white;        
  24.  
  25.     background-color:0000a0;
  26.     cursor:default;    
  27. }
  28. .linormal
  29.  {    
  30.     list-style-type: none;            
  31.     display: list-item;        
  32.     color: black;        
  33.     background-color: white;            
  34.   }
  35. -->
  36. </STYLE>
  37. <SCRIPT language="javascript">
  38.  
  39. var DropText;
  40. var bDrag = 0;
  41. var SelItem = null;
  42.  
  43.  
  44. function HltLE (CID, Flag)
  45. { 
  46.  ListElement = window.event.srcElement;
  47.  
  48.  if (ListElement.parentElement.value == 10)  
  49.   return;
  50.   
  51.  
  52.  if (Flag)  
  53.  {
  54.   ListElement.className = "HltTxt";
  55.  }
  56.  else
  57.  {
  58.   ListElement.className = "NormTxt";
  59.  }
  60. }
  61.  
  62. function MoveOverLi(CID, Flag)
  63. {
  64.  var bFirst;
  65.  
  66.  if ((window.event.srcElement.tagName == "SPAN") || (window.event.srcElement.tagName == "IMG"))
  67.   li = window.event.srcElement.parentElement; 
  68.  else
  69.   li = window.event.srcElement; 
  70.  
  71.  if ((li.value == 10) || (!bDrag) )
  72.   return;
  73.  
  74.  lis = document.all.tags("LI");
  75.  if (li == lis[0])
  76.   bFirst = 1;
  77.  else
  78.   bFirst = 0;   
  79.    
  80.  
  81.  if (Flag)  
  82.  {  
  83.    li.all.DragDiv.innerHTML = "     <img src='drop.gif'>" + DropText;
  84.    if (bFirst)
  85.    {
  86.      if (event.offsetY < (li.offsetTop + li.offsetHeight/2))  
  87.      {       
  88.        li.style.borderTopStyle = "groove"; 
  89.        li.style.borderBottomStyle = "none";        
  90.      }
  91.      else
  92.      {
  93.        li.style.borderTopStyle = "none"; 
  94.        li.style.borderBottomStyle = "groove";        
  95.      }
  96.    }
  97.    else
  98.    li.style.borderBottomStyle = "groove";
  99.    
  100.  if (li.offsetTop<= document.body.scrollTop)
  101.    document.body.doScroll ("scrollbarUp");   
  102.  if ((li.offsetTop+li.offsetHeight) >= (document.body.scrollTop+document.body.clientHeight))
  103.    document.body.doScroll ("scrollbarDown");   
  104.    
  105.    
  106.  }
  107.  else
  108.  {    
  109.    li.all.DragDiv.innerHTML = "";  
  110.    li.style.borderBottomStyle = "none";
  111.    li.style.borderTopStyle = "none";
  112.  } 
  113. }
  114.  
  115.  
  116. function ClickPoint (CID)
  117. { 
  118.  CurElement = window.event.srcElement; 
  119.  if (SelItem && SelItem!=CurElement)
  120.  {
  121.   SelItem.parentElement.value = 1; 
  122.   SelItem.className = "NormTxt";
  123.  }
  124.  
  125.  CurElement.className = "SelTxt";
  126.  DropText = CurElement.outerText;
  127.  CurElement.parentElement.value=10;
  128.  
  129.  SelItem = CurElement;
  130. }
  131.  
  132. function fnMoveItem (CID)
  133. {
  134.  CurElement = window.event.srcElement;
  135.  if ((window.event.button == 1) && (!bDrag))
  136.  {  
  137.   ClickPoint (CID)  
  138.   bDrag = 1;
  139.   DropText = SelItem.outerText;
  140.  }
  141.  else
  142.  {
  143.   if ((window.event.button != 1) && bDrag)
  144.    bDrag = 0;
  145.  }
  146. }
  147.  
  148. function ClearDrag(CID)
  149. { 
  150.  var li = null;
  151.  
  152.  //li = window.event.srcElement.parentElement;  
  153.  if (bDrag)
  154.  {
  155.     bDrag = 0;
  156.     if (CID != null)
  157.     {
  158.      lis  = document.all.tags("LI");
  159.      for (i=0; i < lis.length; i++)
  160.      {
  161.        if (lis[i].CIDVal == CID)
  162.        {
  163.          li = lis[i];
  164.          break;
  165.        }
  166.      }      
  167.      if ((!li) || (!CID))
  168.       return;
  169.      li.all.DragDiv.innerHTML = "";            
  170.      InsertRemoveLi(li);
  171.     }
  172.  }
  173. }
  174.  
  175.  
  176. function InsertRemoveLi (targetLi)
  177. {
  178.  var bAfter = 1; 
  179.  
  180.  if (targetLi == SelItem.parentElement)
  181.   return;
  182.  if (!SelItem.parentElement)
  183.   return;  
  184.    
  185.  
  186.  tmp = SelItem;   
  187.  
  188.  targetLi.all.SpanId.className="NormTxt"; 
  189.  
  190.  if (targetLi.style.borderTopStyle == "groove")
  191.  {
  192.   targetLi.style.borderTopStyle = "none";
  193.   bAfter = 0;
  194.  }
  195.    
  196.  if (targetLi.style.borderBottomStyle == "groove")
  197.   targetLi.style.borderBottomStyle = "none"; 
  198.  
  199.  if (bAfter)
  200.   targetLi.outerHTML=targetLi.outerHTML+SelItem.parentElement.outerHTML; 
  201.  else
  202.   targetLi.outerHTML=SelItem.parentElement.outerHTML + targetLi.outerHTML; 
  203.  
  204.  SelItem.parentElement.outerHTML = "";
  205.  
  206.  lis = document.all.tags("LI");
  207.  
  208.  for (i=0; i < lis.length; i++)
  209.  {
  210.   if (lis[i].value == 10)
  211.    SelItem = lis[i].all.SpanId;
  212.  } 
  213. }
  214.  
  215.  
  216. function SaveCTOrder ()
  217. {
  218.  var    CTss = Source.selectNodes("root/CTLIST/CATEGORY");
  219.  var    CTList = Source.selectSingleNode("root/CTLIST");
  220.  var    childLabel = CTList.firstChild;
  221.  var    child;
  222.  var    id;
  223.  
  224.  lis = document.all.tags("LI"); 
  225.  for (i=0; i < lis.length; i++)  
  226.  {
  227.    id = lis[i].CIDVal;
  228.    child = Source.selectSingleNode("root\/CTLIST\/CATEGORY[@CID="+id+"]");     
  229.    if (child && (child != childLabel))
  230.    {
  231.     CTList.removeChild(child);
  232.     CTList.insertBefore(child, childLabel);
  233.    }
  234.    else   
  235.     childLabel=childLabel.nextSibling;
  236.  } 
  237.  
  238. }
  239.  
  240.  
  241. function fnDragCheck ()
  242. {
  243.   if ((window.event.button != 1) && bDrag)
  244.    bDrag = 0;
  245. }
  246.  
  247. function Init (SourceXML)
  248. {
  249.     Source = SourceXML;
  250.  
  251.     Style = new ActiveXObject("Microsoft.XMLDOM");
  252.     Style.async = false;                    
  253.     bOK = Style.load("tree.xsl");
  254.     
  255.     szHTML = Source.transformNode(Style);
  256.     document.all.TreeRes.innerHTML = szHTML;    
  257. }
  258.  
  259. function RemoveEvent ()
  260. {
  261.  window.event.returnValue = false;  
  262. }
  263.  
  264. function onKeyPress  ()
  265. {
  266.   if (event.keyCode == 13)    
  267.    top.onOKey();
  268.  
  269.   if (event.keyCode == 27)
  270.    top.onCancel(); 
  271. }
  272.  
  273.  
  274. </SCRIPT>
  275. </HEAD>
  276.  
  277. <BODY style="background-color:white" onselectstart=RemoveEvent() onmouseup=ClearDrag(null) ondragstart=RemoveEvent() onkeydown=onKeyPress()>
  278. <DIV ID="TreeRes" style="margin-top:-10px; margin-left:-5px; background-color:white;">
  279. </DIV>
  280. </BODY>
  281.  
  282. </HTML>
  283.