tv20.js

3d商店系统！利用jsp和3d结合制作！

//========================================
//Envrionment to hold Listeners
//========================================
tv_listeners = new Array() ;
function listener( type , handler )   {
	this.type = type ;
	this.handler = handler ;
	this.id = tv_listeners.length ;
	tv_listeners[ tv_listeners.length ] = this ;
}

function addListener( type , handler )  {
    new listener( type , handler ) ;  
 }
//=== END =====

//=========================================
// Hold the top item
//=========================================
tv_topnodeitem = null ;
//===== END =======

//=========================================
//Hold nodeitems , and supply a nodeitem Register
//=========================================
nodeitems = new Array() ;
function nodeitemRegister( obj )   {
    nodeitems[ nodeitems.length ] = obj ;
	return nodeitems.length - 1 ;
}
//=== END =======

//=================================
//Custom a stack
//Class         : stack
//metheds    :  get()
//                    put( obj )
//=================================
function stack() {
    this.value = new Array() ;
	this.cursor = 0 ;
}

function stack_get()  {
     this.cursor = this.cursor - 1 ;
	 return this.value[ this.cursor ] ;
}

function stack_put( obj )   {
      this.value[ this.cursor ] = obj ;
      this.cursor = this.cursor + 1 ;
}

stack.prototype.get = stack_get ;
stack.prototype.put = stack_put ;
//=======END ==========

//=========================================
// Define a public stack
//=========================================
userstack = new stack() ;
//====== END ===========

//=========================================
//Image List
//=========================================
treeview_box_0_none = "../images/4_clos.gif"  ;
treeview_box_0_line = "../images/4_none.gif" ;
treeview_box_2_open = "../images/2_open.gif" ;
treeview_box_2_none = "../images/2_none.gif" ;
treeview_box_2_close = "../images/2_clos.gif" ;
treeview_box_1_open = "../images/3_open.gif" ;
treeview_box_1_none = "../images/3_none.gif" ;
treeview_box_1_close = "../images/3_clos.gif" ;

//===============================================
//Class : nodeitem
//status------------------------1:two-direction       0:nobox       0: disactivite
//                              2:three-0direction     1:close-box   1: activite
//                                                    2:open-box                    
//===============================================
function nodeitem( parentkey , key , lable , img )  {
    this.lable = lable ;
	this.key = key ;
    this.parent = findNode( parentkey ) ;
	if( this.parent != null )  {
	    aa = this.parent.status ;
	    if( aa.substring( 1 , 2 ) == "0" )
	        this.parent.status = aa.substring( 0 , 1 ) + "1" + aa.substring( 2 , 3 ) ;
	    if( this.parent.maxsubitem != null ) 
	        this.parent.maxsubitem.status = "2" + this.parent.maxsubitem.status.substring( 1 , 3 ) ;
        this.parent.subitems[ this.parent.subitems.length ] = this ;
        this.parent.maxsubitem = this ; 
    }
    else  {
	    if( tv_topnodeitem != null )   {
		     alert( "不能有两个顶项!" ) ;
			 return ;
        }
        tv_topnodeitem = this ;
    }
		 
	this.img = img ;
	this.tag = null ;
    this.status = "100" ;
	this.subitems = new Array() ;
	this.maxsubitem = null ;
    this.id = nodeitemRegister( this ) ;

	//**********************
	this.questionId = 0;
	this.description = "";
	//this.url = null;
	//**********************
	
	//added by msb for the sort and move up/down
	/*if ( this == tv_topnodeitem )
	{
		this.nodeIndex = 0;
	} else {
		this.nodeIndex = this.parent.subitems.length;
	}*/
	//end added

}

//added by msb for the sort and move up/down
function nodeitem_moveUp() {
	if (this == tv_topnodeitem) return; //topitem 

	ssubitems = this.parent.subitems;
	for ( i=0; i<ssubitems.length; i++ ) {
		if( ssubitems[i] == this ) {
			break;
		}
	}
	if (i==0) return;
	ssubitems[i] = ssubitems[i-1];
	ssubitems[i-1] = this;
	if (i==ssubitems.length-1) {
		ssubitems[i-1].status = "2" + ssubitems[i-1].status.substring(1, 3);
		ssubitems[i].status = "1" + ssubitems[i].status.substring(1, 3);
	}
	/*
	itemTemp = this;
	ssubitems[this.nodeIndex-1] */
/*	for ( i=0; i<ssubitems.length; i++ ) {
		if( ssubitems[i] != null && ssubitems[i].nodeIndex == (this.nodeIndex-1) )
			previousitem = ssubitems[i]
	}
	previousitem.nodeIndex = this.nodeIndex;
	this.nodeIndex = this.nodeIndex -1;
	swap(this,previousitem);
*/
	//label_on_click(this.id);
	this.parent.refresh();

	lable_on_click(this.id);
}//moveUp()

function nodeitem_moveDown() {
	if (this == tv_topnodeitem) return; //topitem
	
	ssubitems = this.parent.subitems;
	for ( i=0; i<ssubitems.length; i++ ) {
		if( ssubitems[i] == this ) {
			break;
		}
	}
	if (i==ssubitems.length-1) return;
	ssubitems[i] = ssubitems[i+1];
	ssubitems[i+1] = this;
	if (i==ssubitems.length-2) {
		ssubitems[i+1].status = "1" + ssubitems[i+1].status.substring(1, 3);
		ssubitems[i].status = "2" + ssubitems[i].status.substring(1, 3);
	}

	this.parent.refresh();
		
	lable_on_click(this.id);
}//moveDown()

/*function swap (item1, item2) {
	nodeitems[item1.id] = item2;
	nodeitems[item2.id] = item1;
	idTemp = item1.id;
	item1.id = item2.id;
	item2.id = idTemp;
}*/

//end added

function nodeitem_setTag( obj ) {
    this.tag = obj ;
}

function nodeitem_getTag() {
    return this.tag ;
}

function nodeitem_show()  {
	
	str = "<span id = 'preface" + this.id + "'><table border='0' cellspacing='0' cellpadding='0'><tr><td>" ;
    str_f = "" ;
    for( j = this.parent ; j != null ; j = j.parent )  {
	    if( j.status.substring( 0 , 1 ) == 1 )
		    str_f = "<img src = '" + treeview_box_0_none + "' align='absmiddle'>" + str_f ;
        else
		    str_f = "<img src = '" + treeview_box_0_line + "' align='absmiddle'>" + str_f ;
    }
    str = str + str_f ;
    str += "<img id = 'box" + this.id + "' nodeid = '" + this.id + "' src = '" ;
    switch( this.status.substring( 0 , 2 ) )   {
        case "10" : str += treeview_box_1_none ; break ;
        case "11" : str += treeview_box_1_close ; break ;
        case "12" : str += treeview_box_1_open ; break ;
        case "20" : str += treeview_box_2_none ; break ;
        case "21" : str += treeview_box_2_close ; break ;
        case "22" : str += treeview_box_2_open ; break ;
    }
    str += "' align='absmiddle' onclick='box_on_click(this)'>" ;
    if( this.img == "" )
	    str += this.img ;
    else
	    str += "<img src = '" + this.img + "' align='absmiddle' width='16' height='16'>" ;
    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>" ;  
	str += "</span><span id = 'tv_panel_" + this.id + "' style='display:" ;
	if( this.status.substring( 1 , 2 ) == '2' )
	   str += "" ;
	else
	   str += "none" ;
	 
    str += "'></span>" ;
	if( this.parent == null )  
  	   for(var i in document.all){
          if (document.all[i].tagName == "BODY")
          {