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

源码开发语言/平台
当前位置：首页 > 源码/资料 > 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()  {
  203. str = "<span id = 'preface" + this.id + "'><table border='0' cellspacing='0' cellpadding='0'><tr><td>" ;
  204.     str_f = "" ;
  205.     for( j = this.parent ; j != null ; j = j.parent )  {
  206.     if( j.status.substring( 0 , 1 ) == 1 )
  207.     str_f = "<img src = '" + treeview_box_0_none + "' align='absmiddle'>" + str_f ;
  208.         else
  209.     str_f = "<img src = '" + treeview_box_0_line + "' align='absmiddle'>" + str_f ;
  210.     }
  211.     str = str + str_f ;
  212.     str += "<img id = 'box" + this.id + "' nodeid = '" + this.id + "' src = '" ;
  213.     switch( this.status.substring( 0 , 2 ) )   {
  214.         case "10" : str += treeview_box_1_none ; break ;
  215.         case "11" : str += treeview_box_1_close ; break ;
  216.         case "12" : str += treeview_box_1_open ; break ;
  217.         case "20" : str += treeview_box_2_none ; break ;
  218.         case "21" : str += treeview_box_2_close ; break ;
  219.         case "22" : str += treeview_box_2_open ; break ;
  220.     }
  221.     str += "' align='absmiddle' onclick='box_on_click(this)'>" ;
  222.     if( this.img == "" )
  223.     str += this.img ;
  224.     else
  225.     str += "<img src = '" + this.img + "' align='absmiddle' width='16' height='16'>" ;
  226.     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>" ;  
  227. str += "</span><span id = 'tv_panel_" + this.id + "' style='display:" ;
  228. if( this.status.substring( 1 , 2 ) == '2' )
  229.    str += "" ;
  230. else
  231.    str += "none" ;
  232.  
  233.     str += "'></span>" ;
  234. if( this.parent == null )  
  235.       for(var i in document.all){
  236.           if (document.all[i].tagName == "BODY")
  237.           {
  238.       document.all[i].insertAdjacentHTML( "AfterBegin" , str ) ;
  239.               break
  240.           }
  241.        }
  242. else   
  243. document.all( "tv_panel_" + this.parent.id ).insertAdjacentHTML( "BeforeEnd" , str ) ;
  246. //alert("before id " + this.id);
  247.     for( m = 0 ; m < this.subitems.length ; m ++ ) {
  248. //      alert("after id " + this.id); 
  249.    if( this.subitems[ m ] != null )  {
  250.    userstack.put( m ) ;
  251.    this.subitems[ m ].show() ;
  252.    m = userstack.get() ;
  253.      }
  254.   }
  255.   
  256.     
  257. }
  259. function nodeitem_refresh()  {
  260. str = "<table border='0' cellspacing='0' cellpadding='0'><tr><td>" ;
  261.     str_f = "" ;
  262.     for( j = this.parent ; j != null ; j = j.parent )  {
  263.     if( j.status.substring( 0 , 1 ) == 1 )
  264.    str_f = "<img src = '" + treeview_box_0_none + "' align='absmiddle'>" + str_f ;
  265.         else
  266.    str_f = "<img src = '" + treeview_box_0_line + "' align='absmiddle'>" + str_f ;
  267.     }
  268. str = str + str_f ;
  269.     str += "<img id = 'box" + this.id + "' nodeid = '" + this.id + "' src = '" ;
  270.     switch( this.status.substring( 0 , 2 ) )   {
  271.         case "10" : str += treeview_box_1_none ; break ;
  272.         case "11" : str += treeview_box_1_close ; break ;
  273.         case "12" : str += treeview_box_1_open ; break ;
  274.         case "20" : str += treeview_box_2_none ; break ;
  275.         case "21" : str += treeview_box_2_close ; break ;
  276.         case "22" : str += treeview_box_2_open ; break ;
  277.     }
  278.     str += "' align='absmiddle' onclick='box_on_click(this)'>" ;
  279.     if( this.img == "" )
  280.     str += this.img ;
  281.     else
  282.     str += "<img src = '" + this.img + "' align='absmiddle' width='16' height='16'>" ;
  283.     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>" ;  
  284. document.all( "preface" + this.id ).innerHTML = str ;
  285.     document.all( "tv_panel_" + this.id ).innerHTML = "" ;
  286. for( m = 0 ; m < this.subitems.length ; m ++ )
  287.    if( this.subitems[ m ] != null )  {
  288.    userstack.put( m ) ;
  289.    this.subitems[ m ].show() ;
  290.    m = userstack.get() ;
  291.        }
  292. }
  293. function nodeitem_remove()  {
  294.     pparent = this.parent ;
  295. if( pparent == null )   {
  296.         removenodeitem( this.id ) ;
  297.         for(var i in document.all){
  298.            if (document.all[i].tagName == "BODY")
  299.              {
  300.    document.all[i].innerHTML = "" ;
  301.                break
  302.              }
  303.           }
  304. return ;
  305. }
  306. lastsubitem = null ;
  307. for( i = 0 ; i < pparent.subitems.length ; i ++ )
  308.    if( pparent.subitems[ i ] != null )  
  309.    if ( pparent.subitems[ i ] == this ) 
  310.        pparent.subitems[ i ] = null ;
  311.            else
  312.        lastsubitem = pparent.subitems[ i ] ;
  314.     pparent.maxsubitem = lastsubitem ; 
  315. if( lastsubitem == null )   
  316.         pparent.status = pparent.status.substring( 0 , 1 ) + "0" + pparent.status.substring( 2 , 3 ) ;
  317.     else   
  318.     pparent.maxsubitem.status = "1" + pparent.maxsubitem.status.substring( 1 , 3 ) ;
  319.      removenodeitem( this.id ) ;
  321. //added by msb for move up/down
  322. arrTemp = new Array();
  323. j = 0;
  324. for ( i=0; i<pparent.subitems.length; i++ ) {
  325. if ( pparent.subitems[i] != null ) {
  326. arrTemp[j] = pparent.subitems[i];
  327. j++;
  328. }
  329. }
  330. this.parent.subitems = arrTemp;
  331. //end added
  333.  pparent.refresh() ;
  334.  //tv_topnodeitem.refresh() ;
  335. }
  337. function removenodeitem( id )   {
  338.     curitem = nodeitems[ id ] ;
  339. nodeitems[ id ] = null ;
  340. for( m = 0 ; m < curitem.subitems.length ; m ++ ) 
  341.      if( curitem.subitems[ m ] != null )   {
  342.    userstack.put( m ) ;
  343.    removenodeitem( curitem.subitems[ m ].id ) ;
  344.    m = userstack.get() ;
  345.        }
  346. }
  348. function nodeitem_boxclick()  {
  349.      if( this.status.substring( 1 ,2 ) == "0" )
  350.        return ; 
  351.  if( this.status.substring( 1 ,2 ) == "1" )   
  352.         this.open() ;
  353.  else  
  354.         this.close() ;
  355. }
  357. function nodeitem_close()  {
  358.      this.status = this.status.substring( 0 , 1 ) + "1" + this.status.substring( 2 , 3 ) ;
  359.      document.all( "tv_panel_" + this.id ).style.display = "none" ;
  360.      eval( "document.all( 'box' + this.id ).src = treeview_box_" + this.status.substring( 0 , 1 ) +"_close" ) ;
  361. }
  363. function nodeitem_open()  {
  364.      this.status = this.status.substring( 0 , 1 ) + "2" + this.status.substring( 2 , 3 ) ;
  365.      document.all( "tv_panel_" + this.id ).style.display = "" ;
  366.      eval( "document.all( 'box' + this.id ).src = treeview_box_" + this.status.substring( 0 , 1 ) +"_open" ) ;
  367. }
  369. //added by msb for the move up/down
  370. nodeitem.prototype.moveUp = nodeitem_moveUp;
  371. nodeitem.prototype.moveDown = nodeitem_moveDown;
  372. //end added
  374. nodeitem.prototype.show = nodeitem_show ;
  375. nodeitem.prototype.refresh = nodeitem_refresh ;
  376. nodeitem.prototype.boxclick = nodeitem_boxclick ;
  377. nodeitem.prototype.close = nodeitem_close ;
  378. nodeitem.prototype.open = nodeitem_open ;
  379. nodeitem.prototype.remove = nodeitem_remove ;
  380. nodeitem.prototype.setTag = nodeitem_setTag ;
  381. nodeitem.prototype.getTag = nodeitem_getTag ;
  383. //==========================================================
  384. // Public Methods
  385. //==========================================================
  386. function showTV()  {
  387.      tv_topnodeitem.show() ;
  388. }
  390. function findNode( key )   {
  391. pppp = null;
  392.     for( i = 0 ; i < nodeitems.length ; i ++ ) {
  393.    if( nodeitems[ i ] != null ) {
  394.       if( nodeitems[ i ].key == key ) {
  395.          pppp = nodeitems[ i ] ;
  396.   }
  397.    }
  398. }
  399.     return pppp ;
  400. }
  402. function addNode(  parentkey , key , lable , img  )   {
  403.     return new nodeitem( parentkey , key , lable , img ) ;
  404. }
  406. function deleteNode(  key )   {
  407.     curNode = findNode( key ) ;
  408. if( curNode == null )
  409.   return false ;
  410.     curNode.remove() ; 
  411.     return true ;
  412. }
  413. //====== END ================
  415. //===========================================================
  416. // Events
  417. //===========================================================
  418. function box_on_click( obj )  {
  419.     nodeitems[ obj.nodeid ].boxclick() ;
  420. }
  422. tv_curlable = null ;
  423. tv_curlable_f = null ;
  425. function lable_on_click( id )  {
  426.        key = nodeitems[ id ].key ;
  427.        if( nodeitems[ id ].parent == null )
  428.       parentkey = "" ;
  429.        else
  430.       parentkey = nodeitems[ id ].parent.key ;
  431.           
  432.    if( tv_curlable != null )  {
  433.    tv_curlable.bgColor = "transparent" ;
  434.    tv_curlable.style.color = "#333333" ;
  435.    tv_curlable_f.bgColor = "transparent" ;
  436.        }
  437.        tv_curlable = document.all("lablePanel"+id) ;
  438.    tv_curlable.bgColor = "#000000" ;
  439.    tv_curlable.style.color = "#FFFFFF" ;
  440.        tv_curlable_f = document.all("f_lablePanel"+id) ;
  441.    tv_curlable_f.bgColor = "#888888" ;
  443.    for( i = 0 ; i < tv_listeners.length ; i ++ )  
  444.       if( tv_listeners[ i ].type == "click" )  {
  445.    h = tv_listeners[ i ].handler ;
  446.    eval( h + "( '" + key + "' , '" + parentkey + "' ) ; " ) ; 
  447.            }
  449. }
  451. function lable_on_dblclick( id ) {
  452. key = nodeitems[ id ].key ;
  453.        if( nodeitems[ id ].parent == null )
  454.       parentkey = "" ;
  455.        else
  456.       parentkey = nodeitems[ id ].parent.key ;
  457.           
  458.    if( tv_curlable != null )  {
  459.    tv_curlable.bgColor = "transparent" ;
  460.    tv_curlable.style.color = "#333333" ;
  461.    tv_curlable_f.bgColor = "transparent" ;
  462.        }
  463.        tv_curlable = document.all("lablePanel"+id) ;
  464.    tv_curlable.bgColor = "#000000" ;
  465.    tv_curlable.style.color = "#FFFFFF" ;
  466.        tv_curlable_f = document.all("f_lablePanel"+id) ;
  467.    tv_curlable_f.bgColor = "#888888" ;
  468.    for( i = 0 ; i < tv_listeners.length ; i ++ )  
  469.       if( tv_listeners[ i ].type == "dblclick" )  {
  470.    h = tv_listeners[ i ].handler ;
  471.    eval( h + "( '" + key + "' , '" + parentkey + "' ) ; " ) ; 
  472.            }
  473. }