开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Internet/网络编程 > ICQ/即时通讯 > 查看源码
TV20.js
资源名称：Shopping.rar　[点击查看]
上传用户：lsj999sz
上传日期：2022-06-15
资源大小：4717k
文件大小：15k
源码类别：

ICQ/即时通讯

开发平台：

Java

TV20.js：源码内容
  1. //========================================
  2. //Envrionment to hold Listeners
  3. //========================================
  4. tv_listeners = new Array() ;
  5. function listener( type , handler )   {
  6. this.type = type ;
  7. this.handler = handler ;
  8. this.id = tv_listeners.length ;
  9. tv_listeners[ tv_listeners.length ] = this ;
  10. }
  12. function addListener( type , handler )  {
  13.     new listener( type , handler ) ;  
  14.  }
  15. //=== END =====
  17. //=========================================
  18. // Hold the top item
  19. //=========================================
  20. tv_topnodeitem = null ;
  21. //===== END =======
  23. //=========================================
  24. //Hold nodeitems , and supply a nodeitem Register
  25. //=========================================
  26. nodeitems = new Array() ;
  27. function nodeitemRegister( obj )   {
  28.     nodeitems[ nodeitems.length ] = obj ;
  29. return nodeitems.length - 1 ;
  30. }
  31. //=== END =======
  33. //=================================
  34. //Custom a stack
  35. //Class         : stack
  36. //metheds    :  get()
  37. //                    put( obj )
  38. //=================================
  39. function stack() {
  40.     this.value = new Array() ;
  41. this.cursor = 0 ;
  42. }
  44. function stack_get()  {
  45.      this.cursor = this.cursor - 1 ;
  46.  return this.value[ this.cursor ] ;
  47. }
  49. function stack_put( obj )   {
  50.       this.value[ this.cursor ] = obj ;
  51.       this.cursor = this.cursor + 1 ;
  52. }
  54. stack.prototype.get = stack_get ;
  55. stack.prototype.put = stack_put ;
  56. //=======END ==========
  58. //=========================================
  59. // Define a public stack
  60. //=========================================
  61. userstack = new stack() ;
  62. //====== END ===========
  64. //=========================================
  65. //Image List
  66. //=========================================
  67. treeview_box_0_none = "images/4_clos.gif"  ;
  68. treeview_box_0_line = "images/4_none.gif" ;
  69. treeview_box_2_open = "images/2_open.gif" ;
  70. treeview_box_2_none = "images/2_none.gif" ;
  71. treeview_box_2_close = "images/2_clos.gif" ;
  72. treeview_box_1_open = "images/3_open.gif" ;
  73. treeview_box_1_none = "images/3_none.gif" ;
  74. treeview_box_1_close = "images/3_clos.gif" ;
  76. //===============================================
  77. //Class : nodeitem
  78. //status------------------------1:two-direction       0:nobox       0: disactivite
  79. //                              2:three-0direction     1:close-box   1: activite
  80. //                                                    2:open-box                    
  81. //===============================================
  82. function nodeitem( parentkey , key , lable , img )  {
  83.     this.lable = lable ;
  84. this.key = key ;
  85.     this.parent = findNode( parentkey ) ;
  86. if( this.parent != null )  {
  87.     aa = this.parent.status ;
  88.     if( aa.substring( 1 , 2 ) == "0" )
  89.         this.parent.status = aa.substring( 0 , 1 ) + "1" + aa.substring( 2 , 3 ) ;
  90.     if( this.parent.maxsubitem != null ) 
  91.         this.parent.maxsubitem.status = "2" + this.parent.maxsubitem.status.substring( 1 , 3 ) ;
  92.         this.parent.subitems[ this.parent.subitems.length ] = this ;
  93.         this.parent.maxsubitem = this ; 
  94.     }
  95.     else  {
  96.     if( tv_topnodeitem != null )   {
  97.      alert( "不能有两个顶项!" ) ;
  98.  return ;
  99.         }
  100.         tv_topnodeitem = this ;
  101.     }
  102.  
  103. this.img = img ;
  104. this.tag = null ;
  105.     this.status = "100" ;
  106. this.subitems = new Array() ;
  107. this.maxsubitem = null ;
  108.     this.id = nodeitemRegister( this ) ;
  110. //**********************
  111. this.questionId = 0;
  112. this.description = "";
  113. //this.url = null;
  114. //**********************
  116. //added by msb for the sort and move up/down
  117. /*if ( this == tv_topnodeitem )
  118. {
  119. this.nodeIndex = 0;
  120. } else {
  121. this.nodeIndex = this.parent.subitems.length;
  122. }*/
  123. //end added
  125. }
  127. //added by msb for the sort and move up/down
  128. function nodeitem_moveUp() {
  129. if (this == tv_topnodeitem) return; //topitem 
  131. ssubitems = this.parent.subitems;
  132. for ( i=0; i<ssubitems.length; i++ ) {
  133. if( ssubitems[i] == this ) {
  134. break;
  135. }
  136. }
  137. if (i==0) return;
  138. ssubitems[i] = ssubitems[i-1];
  139. ssubitems[i-1] = this;
  140. if (i==ssubitems.length-1) {
  141. ssubitems[i-1].status = "2" + ssubitems[i-1].status.substring(1, 3);
  142. ssubitems[i].status = "1" + ssubitems[i].status.substring(1, 3);
  143. }
  144. /*
  145. itemTemp = this;
  146. ssubitems[this.nodeIndex-1] */
  147. /* for ( i=0; i<ssubitems.length; i++ ) {
  148. if( ssubitems[i] != null && ssubitems[i].nodeIndex == (this.nodeIndex-1) )
  149. previousitem = ssubitems[i]
  150. }
  151. previousitem.nodeIndex = this.nodeIndex;
  152. this.nodeIndex = this.nodeIndex -1;
  153. swap(this,previousitem);
  154. */
  155. //label_on_click(this.id);
  156. this.parent.refresh();
  158. lable_on_click(this.id);
  159. }//moveUp()
  161. function nodeitem_moveDown() {
  162. if (this == tv_topnodeitem) return; //topitem
  164. ssubitems = this.parent.subitems;
  165. for ( i=0; i<ssubitems.length; i++ ) {
  166. if( ssubitems[i] == this ) {
  167. break;
  168. }
  169. }
  170. if (i==ssubitems.length-1) return;
  171. ssubitems[i] = ssubitems[i+1];
  172. ssubitems[i+1] = this;
  173. if (i==ssubitems.length-2) {
  174. ssubitems[i+1].status = "1" + ssubitems[i+1].status.substring(1, 3);
  175. ssubitems[i].status = "2" + ssubitems[i].status.substring(1, 3);
  176. }
  178. this.parent.refresh();
  180. lable_on_click(this.id);
  181. }//moveDown()
  183. /*function swap (item1, item2) {
  184. nodeitems[item1.id] = item2;
  185. nodeitems[item2.id] = item1;
  186. idTemp = item1.id;
  187. item1.id = item2.id;
  188. item2.id = idTemp;
  189. }*/
  191. //end added
  193. function nodeitem_setTag( obj ) {
  194.     this.tag = obj ;
  195. }
  197. function nodeitem_getTag() {
  198.     return this.tag ;
  199. }
  201. function nodeitem_show()  {
  202. str = "<span id = 'preface" + this.id + "'><table border='0' cellspacing='0' cellpadding='0'><tr><td>" ;
  203.     str_f = "" ;
  204.     for( j = this.parent ; j != null ; j = j.parent )  {
  205.     if( j.status.substring( 0 , 1 ) == 1 )
  206.     str_f = "<img src = '" + treeview_box_0_none + "' align='absmiddle'>" + str_f ;
  207.         else
  208.     str_f = "<img src = '" + treeview_box_0_line + "' align='absmiddle'>" + str_f ;
  209.     }
  210.     str = str + str_f ;
  211.     str += "<img id = 'box" + this.id + "' nodeid = '" + this.id + "' src = '" ;
  212.     switch( this.status.substring( 0 , 2 ) )   {
  213.         case "10" : str += treeview_box_1_none ; break ;
  214.         case "11" : str += treeview_box_1_close ; break ;
  215.         case "12" : str += treeview_box_1_open ; break ;
  216.         case "20" : str += treeview_box_2_none ; break ;
  217.         case "21" : str += treeview_box_2_close ; break ;
  218.         case "22" : str += treeview_box_2_open ; break ;
  219.     }
  220.     str += "' align='absmiddle' onclick='box_on_click(this)'>" ;
  221.     if( this.img == "" )
  222.     str += this.img ;
  223.     else
  224.     str += "<img src = '" + this.img + "' align='absmiddle' width='16' height='16'>" ;
  225.     str += "</td><td><table border='0' cellspacing='1' cellpadding='1' style='font-size:9pt; color:#333333' id='lablePanel" + this.id + "'><tr><td ondblclick = 'lable_on_dblclick(" + this.id + ")' onclick='lable_on_click(" + this.id + ")' style='cursor:hand' id='f_lablePanel" + this.id + "' nowrap>" + this.lable + "</td></tr></table></td></tr></table>" ;  
  226. str += "</span><span id = 'tv_panel_" + this.id + "' style='display:" ;
  227. if( this.status.substring( 1 , 2 ) == '2' )
  228.    str += "" ;
  229. else
  230.    str += "none" ;
  231.  
  232.     str += "'></span>" ;
  233. if( this.parent == null )  
  234.       for(var i in document.all){
  235.           if (document.all[i].tagName == "BODY")
  236.           {
  237.       document.all[i].insertAdjacentHTML( "AfterBegin" , str ) ;
  238.               break
  239.           }
  240.        }
  241. else   
  242. document.all( "tv_panel_" + this.parent.id ).insertAdjacentHTML( "BeforeEnd" , str ) ;
  243.     for( m = 0 ; m < this.subitems.length ; m ++ ) 
  244.    if( this.subitems[ m ] != null )  {
  245.    userstack.put( m ) ;
  246.    this.subitems[ m ].show() ;
  247.    m = userstack.get() ;
  248.     }
  249. }
  251. function nodeitem_refresh()  {
  252. str = "<table border='0' cellspacing='0' cellpadding='0'><tr><td>" ;
  253.     str_f = "" ;
  254.     for( j = this.parent ; j != null ; j = j.parent )  {
  255.     if( j.status.substring( 0 , 1 ) == 1 )
  256.    str_f = "<img src = '" + treeview_box_0_none + "' align='absmiddle'>" + str_f ;
  257.         else
  258.    str_f = "<img src = '" + treeview_box_0_line + "' align='absmiddle'>" + str_f ;
  259.     }
  260. str = str + str_f ;
  261.     str += "<img id = 'box" + this.id + "' nodeid = '" + this.id + "' src = '" ;
  262.     switch( this.status.substring( 0 , 2 ) )   {
  263.         case "10" : str += treeview_box_1_none ; break ;
  264.         case "11" : str += treeview_box_1_close ; break ;
  265.         case "12" : str += treeview_box_1_open ; break ;
  266.         case "20" : str += treeview_box_2_none ; break ;
  267.         case "21" : str += treeview_box_2_close ; break ;
  268.         case "22" : str += treeview_box_2_open ; break ;
  269.     }
  270.     str += "' align='absmiddle' onclick='box_on_click(this)'>" ;
  271.     if( this.img == "" )
  272.     str += this.img ;
  273.     else
  274.     str += "<img src = '" + this.img + "' align='absmiddle' width='16' height='16'>" ;
  275.     str += "</td><td><table border='0' cellspacing='1' cellpadding='1' style='font-size:9pt; color:#333333' id='lablePanel" + this.id + "'><tr><td ondblclick = 'lable_on_dblclick(" + this.id + ")' onclick='lable_on_click(" + this.id + ")' style='cursor:hand' id='f_lablePanel" + this.id + "' nowrap>" + this.lable + "</td></tr></table></td></tr></table>" ;  
  276. document.all( "preface" + this.id ).innerHTML = str ;
  277.     document.all( "tv_panel_" + this.id ).innerHTML = "" ;
  278. for( m = 0 ; m < this.subitems.length ; m ++ )
  279.    if( this.subitems[ m ] != null )  {
  280.    userstack.put( m ) ;
  281.    this.subitems[ m ].show() ;
  282.    m = userstack.get() ;
  283.        }
  284. }
  285. function nodeitem_remove()  {
  286.     pparent = this.parent ;
  287. if( pparent == null )   {
  288.         removenodeitem( this.id ) ;
  289.         for(var i in document.all){
  290.            if (document.all[i].tagName == "BODY")
  291.              {
  292.    document.all[i].innerHTML = "" ;
  293.                break
  294.              }
  295.           }
  296. return ;
  297. }
  298. lastsubitem = null ;
  299. for( i = 0 ; i < pparent.subitems.length ; i ++ )
  300.    if( pparent.subitems[ i ] != null )  
  301.    if ( pparent.subitems[ i ] == this ) 
  302.        pparent.subitems[ i ] = null ;
  303.            else
  304.        lastsubitem = pparent.subitems[ i ] ;
  306.     pparent.maxsubitem = lastsubitem ; 
  307. if( lastsubitem == null )   
  308.         pparent.status = pparent.status.substring( 0 , 1 ) + "0" + pparent.status.substring( 2 , 3 ) ;
  309.     else   
  310.     pparent.maxsubitem.status = "1" + pparent.maxsubitem.status.substring( 1 , 3 ) ;
  311.      removenodeitem( this.id ) ;
  313. //added by msb for move up/down
  314. arrTemp = new Array();
  315. j = 0;
  316. for ( i=0; i<pparent.subitems.length; i++ ) {
  317. if ( pparent.subitems[i] != null ) {
  318. arrTemp[j] = pparent.subitems[i];
  319. j++;
  320. }
  321. }
  322. this.parent.subitems = arrTemp;
  323. //end added
  325.  pparent.refresh() ;
  326.  //tv_topnodeitem.refresh() ;
  327. }
  329. function removenodeitem( id )   {
  330.     curitem = nodeitems[ id ] ;
  331. nodeitems[ id ] = null ;
  332. for( m = 0 ; m < curitem.subitems.length ; m ++ ) 
  333.      if( curitem.subitems[ m ] != null )   {
  334.    userstack.put( m ) ;
  335.    removenodeitem( curitem.subitems[ m ].id ) ;
  336.    m = userstack.get() ;
  337.        }
  338. }
  340. function nodeitem_boxclick()  {
  341.      if( this.status.substring( 1 ,2 ) == "0" )
  342.        return ; 
  343.  if( this.status.substring( 1 ,2 ) == "1" )   
  344.         this.open() ;
  345.  else  
  346.         this.close() ;
  347. }
  349. function nodeitem_close()  {
  350.      this.status = this.status.substring( 0 , 1 ) + "1" + this.status.substring( 2 , 3 ) ;
  351.      document.all( "tv_panel_" + this.id ).style.display = "none" ;
  352.      eval( "document.all( 'box' + this.id ).src = treeview_box_" + this.status.substring( 0 , 1 ) +"_close" ) ;
  353. }
  355. function nodeitem_open()  {
  356.      this.status = this.status.substring( 0 , 1 ) + "2" + this.status.substring( 2 , 3 ) ;
  357.      document.all( "tv_panel_" + this.id ).style.display = "" ;
  358.      eval( "document.all( 'box' + this.id ).src = treeview_box_" + this.status.substring( 0 , 1 ) +"_open" ) ;
  359. }
  361. //added by msb for the move up/down
  362. nodeitem.prototype.moveUp = nodeitem_moveUp;
  363. nodeitem.prototype.moveDown = nodeitem_moveDown;
  364. //end added
  366. nodeitem.prototype.show = nodeitem_show ;
  367. nodeitem.prototype.refresh = nodeitem_refresh ;
  368. nodeitem.prototype.boxclick = nodeitem_boxclick ;
  369. nodeitem.prototype.close = nodeitem_close ;
  370. nodeitem.prototype.open = nodeitem_open ;
  371. nodeitem.prototype.remove = nodeitem_remove ;
  372. nodeitem.prototype.setTag = nodeitem_setTag ;
  373. nodeitem.prototype.getTag = nodeitem_getTag ;
  375. //==========================================================
  376. // Public Methods
  377. //==========================================================
  378. function showTV()  {
  379.      tv_topnodeitem.show() ;
  380. }
  382. function findNode( key )   {
  383. pppp = null;
  384.     for( i = 0 ; i < nodeitems.length ; i ++ ) {
  385.    if( nodeitems[ i ] != null ) {
  386.       if( nodeitems[ i ].key == key ) {
  387.          pppp = nodeitems[ i ] ;
  388.   }
  389.    }
  390. }
  391.     return pppp ;
  392. }
  394. function addNode(  parentkey , key , lable , img  )   {
  395.     return new nodeitem( parentkey , key , lable , img ) ;
  396. }
  398. function deleteNode(  key )   {
  399.     curNode = findNode( key ) ;
  400. if( curNode == null )
  401.   return false ;
  402.     curNode.remove() ; 
  403.     return true ;
  404. }
  405. //====== END ================
  407. //===========================================================
  408. // Events
  409. //===========================================================
  410. function box_on_click( obj )  {
  411.     nodeitems[ obj.nodeid ].boxclick() ;
  412. }
  414. tv_curlable = null ;
  415. tv_curlable_f = null ;
  417. function lable_on_click( id )  {
  418.        key = nodeitems[ id ].key ;
  419.        if( nodeitems[ id ].parent == null )
  420.       parentkey = "" ;
  421.        else
  422.       parentkey = nodeitems[ id ].parent.key ;
  423.           
  424.    if( tv_curlable != null )  {
  425.    tv_curlable.bgColor = "transparent" ;
  426.    tv_curlable.style.color = "#333333" ;
  427.    tv_curlable_f.bgColor = "transparent" ;
  428.        }
  429.        tv_curlable = document.all("lablePanel"+id) ;
  430.    tv_curlable.bgColor = "#000000" ;
  431.    tv_curlable.style.color = "#FFFFFF" ;
  432.        tv_curlable_f = document.all("f_lablePanel"+id) ;
  433.    tv_curlable_f.bgColor = "#888888" ;
  435.    for( i = 0 ; i < tv_listeners.length ; i ++ )  
  436.       if( tv_listeners[ i ].type == "click" )  {
  437.    h = tv_listeners[ i ].handler ;
  438.    eval( h + "( '" + key + "' , '" + parentkey + "' ) ; " ) ; 
  439.            }
  441. }
  443. function lable_on_dblclick( id ) {
  444. key = nodeitems[ id ].key ;
  445.        if( nodeitems[ id ].parent == null )
  446.       parentkey = "" ;
  447.        else
  448.       parentkey = nodeitems[ id ].parent.key ;
  449.           
  450.    if( tv_curlable != null )  {
  451.    tv_curlable.bgColor = "transparent" ;
  452.    tv_curlable.style.color = "#333333" ;
  453.    tv_curlable_f.bgColor = "transparent" ;
  454.        }
  455.        tv_curlable = document.all("lablePanel"+id) ;
  456.    tv_curlable.bgColor = "#000000" ;
  457.    tv_curlable.style.color = "#FFFFFF" ;
  458.        tv_curlable_f = document.all("f_lablePanel"+id) ;
  459.    tv_curlable_f.bgColor = "#888888" ;
  460.    for( i = 0 ; i < tv_listeners.length ; i ++ )  
  461.       if( tv_listeners[ i ].type == "dblclick" )  {
  462.    h = tv_listeners[ i ].handler ;
  463.    eval( h + "( '" + key + "' , '" + parentkey + "' ) ; " ) ; 
  464.            }
  465. }