ftiens4.js

一种小型的脚本开发语言Lua,Lua参考手册,中文的资料.

//**************************************************************** 
// Keep this copyright notice: 
// This copy of the script is the property of the owner of the 
// particular web site you were visiting.
// Do not download the script's files from there.
// For a free download and full instructions go to: 
// http://www.treeview.net
//**************************************************************** 
 
// Log of changes: 
//
//       18 Jul 02 - Changes in pre-load images function
//
//       13 Jun 02 - Add ICONPATH var to allow for gif subdir
//       
//       20 Apr 02 - Improve support for frame-less layout
//
//       07 Apr 02 - Minor changes to support server-side dynamic feeding
//                   (Online Bookmarks Manager demo)
//
//       10 Aug 01 - Support for Netscape 6
//
//       17 Feb 98 - Fix initialization flashing problem with Netscape
//       
//       27 Jan 98 - Root folder starts open; support for USETEXTLINKS; 
//                   make the ftien4 a js file 
 
 
// Definition of class Folder 
// ***************************************************************** 

function Folder(folderDescription, hreference, image) //constructor 
{ 
  //constant data 
  this.desc = folderDescription 
  this.hreference = hreference 
  this.id = -1   
  this.navObj = 0  
  this.iconImg = 0  
  this.nodeImg = 0  
  this.isLastNode = 0 
  this.isLastOpenedFolder = false
 
  //dynamic data 
  this.isOpen = true 
  if (image == null)
  {
    this.iconSrc = ICONPATH + "treefolderopen.gif"   
    this.iconSrcClosed = ICONPATH + "treefolderclosed.gif"   
  }
  else
  {
    this.iconSrc = image
    this.iconSrcClose = image
  }
  this.children = new Array 
  this.nChildren = 0 
 
  //methods 
  this.initialize = initializeFolder 
  this.setState = setStateFolder 
  this.addChild = addChild 
  this.createIndex = createEntryIndex 
  this.escondeBlock = escondeBlock
  this.esconde = escondeFolder 
  this.mostra = mostra 
  this.renderOb = drawFolder 
  this.totalHeight = totalHeight 
  this.subEntries = folderSubEntries 
  this.blockStart = blockStart
  this.blockEnd = blockEnd
} 
 
function closeFolders()
{
  if (browserVersion != 0) 
	{
		if (PERSERVESTATE)
		{
			PERSERVESTATE = 0; //temporarily disable recording of clickOnNode 
			// close the whole tree 
			clickOnNode(0) 
			// open the root folder 
			clickOnNode(0) 
			PersistentFolderOpening();
			PERSERVESTATE = 1;
		}
		else
		{
			clickOnNode(0) 
			clickOnNode(0) 
		}
  } 
}

function initializeFolder(level, lastNode, leftSide) 
{ 
  var j=0 
  var i=0 
  var numberOfFolders 
  var numberOfDocs 
  var nc 
  var nodeIconName = ""
      
  nc = this.nChildren 
   
  this.createIndex() 
 
  var auxEv = "" 
 
  if (browserVersion != 0) 
    auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  else 
    auxEv = "<a>" 
 
  if (level>0) 
    if (lastNode) //the last child in the children array 
    { 
	  nodeIconName = ICONPATH + "treemlastnode.gif"
	  if (this.nChildren == 0)
		 nodeIconName = ICONPATH + "treelastnode.gif"
	  this.renderOb(leftSide + "<td valign=top>" + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + nodeIconName + "' width=13 height=18 border=0></a></td>") 
      leftSide = leftSide + "<td valign=top><img src='" + ICONPATH + "treeblank.gif' width=13 height=18></td>"  
      this.isLastNode = 1 
    } 
    else 
    { 
	  nodeIconName = ICONPATH + "treemnode.gif"
	  if (this.nChildren == 0)
		nodeIconName = ICONPATH + "treenode.gif"
      this.renderOb(leftSide + "<td valign=top background=" + ICONPATH + "treevertline.gif>" + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + nodeIconName + "' width=13 height=18 border=0></a></td>") 
      leftSide = leftSide + "<td valign=top background=" + ICONPATH + "treevertline.gif><img src='" + ICONPATH + "treevertline.gif' width=13 height=18></td>" 
      this.isLastNode = 0 
    } 
  else 
    this.renderOb("") 
   
  if (nc > 0) 
  { 
    level = level + 1 
    for (i=0 ; i < this.nChildren; i++)  
    { 
      if (i == this.nChildren-1) 
        this.children[i].initialize(level, 1, leftSide) 
      else 
        this.children[i].initialize(level, 0, leftSide) 
      } 
  } 
} 

function getId(index)
{
  if (browserVersion ==  'nets4')
    return "id="+index
  else
    return "name='text"+index+"' id='text"+index+"'"
}

function getObj(index)
{
  if (browserVersion ==  'ie4')
    return document.all["text"+index]
  else if (browserVersion ==  'nets4')
    return document.layers[index+1]
  else
    return document.getElementById("text" + index)
  return null
}

// Changes selection from old_topic to the new index
function switchSelection(index, old_topic)
{
  var new_obj = getObj(index)
  if(old_topic != "vazio")
  {
    var old_obj = getObj(old_topic)
    if(old_obj != null)
    {
      if (browserVersion ==  'nets4')
        old_obj.bgColor = new_obj.bgColor
      else if(browserVersion ==  'opera')
        {} // Sem marca玢o no opera
      else
        old_obj.style.backgroundColor = new_obj.style.backgroundColor
    }
  }
  if(new_obj != null)
  {  
    if (browserVersion ==  'nets4')
      new_obj.bgColor = "darkgray"
    else if(browserVersion ==  'opera')
      {} // Sem marca玢o no opera
    else
      new_obj.style.backgroundColor = "darkgray"
  }
}

function assertOpen(topic)
{
  var state = topic.isOpen;
  if(state != null && state == 0)
    topic.setState(1);

  if(topic.parentFolder != null)
    assertOpen(topic.parentFolder)
}

function drawFolder(leftSide) 
{
  var idParam = "id='folder" + this.id + "'"

  if (browserVersion ==  'nets4') { 
    if (!doc.yPos) 
      doc.yPos=20
  } 

  this.blockStart("folder")

  doc.write("<tr>") 
  doc.write(leftSide) 
  doc.write ("<td valign=top>")
  if (USE_FOLDERS || this.id == 0)
  {
    if(browserVersion != 0)
    {
      if(this.hreference != null)
        doc.write("<a href='javascript:clickOnFolder("+this.id+")'>") 
    }
    doc.write("<img id='folderIcon" + this.id + "' name='folderIcon" + this.id + "' src='" + this.iconSrc+"' border=0></a>") 
  }
  else
  {
	  doc.write("<img src=" + ICONPATH + "treeblank.gif height=2 width=2>")
  }
  if (WRAPTEXT)
	doc.write("</td><td valign=middle width=100%>") 
  else
	doc.write("</td><td valign=middle nowrap width=100%>") 
  if (USETEXTLINKS) 
  { 
    doc.write("<a " + getId(this.id))
    if(this.hreference != null)
      doc.write(" href='javascript:clickOnFolder("+this.id+")' style='font-size:15px'")
    else
      doc.write(" style='color:black;font-size:small' ")
    doc.write(">" + this.desc + "</a>") 
  } 
  else 
    doc.write(this.desc) 
  doc.write("</td>")  

  this.blockEnd()
 
  if (browserVersion ==  'ie4') { 
    this.navObj = doc.all["folder"+this.id] 
  if (USE_FOLDERS || this.id == 0)
      this.iconImg = doc.all["folderIcon"+this.id] 
    this.nodeImg = doc.all["nodeIcon"+this.id] 
  } else if (browserVersion ==  'nets4') { 
    this.navObj = doc.layers["folder"+this.id] 
    if (USE_FOLDERS || this.id == 0)
      this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
    this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } else if (browserVersion ==  'nets6') { 
    this.navObj = doc.getElementById("folder"+this.id)
    if (USE_FOLDERS || this.id == 0)
      this.iconImg = doc.getElementById("folderIcon"+this.id) 
    this.nodeImg = doc.getElementById("nodeIcon"+this.id)
  } 
} 
 
function setStateFolder(isOpen) 
{ 
  var subEntries 
  var totalHeight 
  var fIt = 0 
  var i=0 
  var currentOpen
  
  if (isOpen == this.isOpen) 
    return 
 
  if (browserVersion ==  'nets4')  
  { 
    totalHeight = 0 
    for (i=0; i < this.nChildren; i++) 
      totalHeight = totalHeight + this.children[i].navObj.clip.height 
      subEntries = this.subEntries() 
    if (this.isOpen) 
      totalHeight = 0 - totalHeight 
    for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
      indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  }  
  this.isOpen = isOpen;

  if (this.id!=0 && PERSERVESTATE && !this.isOpen) //closing
  {
    currentOpen = GetCookie("clickedFolder")
    if (currentOpen != null)
    {
      currentOpen = currentOpen.replace(this.id+"-", "")
      SetCookie("clickedFolder", currentOpen)
    }
  }
	
  if (!this.isOpen && this.isLastOpenedfolder)
  {
		lastOpenedFolder = -1;
		this.isLastOpenedfolder = false;
  }
  propagateChangesInState(this) 
} 
 
function propagateChangesInState(folder) 
{   
  var i=0 

  //Support for empty folder (still usefull because of their link)
  if (folder.isOpen) 
  { 
	if (folder.nodeImg && folder.nChildren > 0) 
	  if (folder.isLastNode) 
		folder.nodeImg.src = ICONPATH + "treemlastnode.gif" 
	  else 
		folder.nodeImg.src = ICONPATH + "treemnode.gif" 
	if (USE_FOLDERS || this.id == 0)
	  folder.iconImg.src = folder.iconSrc
	for (i=0; i<folder.nChildren; i++) 
	  folder.children[i].mostra() 
  } 
  else 
  { 
	if (folder.nodeImg && folder.nChildren > 0) 
	  if (folder.isLastNode) 
		folder.nodeImg.src = ICONPATH + "treeplastnode.gif" 
	  else 
		folder.nodeImg.src = ICONPATH + "treepnode.gif" 
	if (USE_FOLDERS || this.id == 0)
	  folder.iconImg.src = folder.iconSrcClosed
	for (i=0; i<folder.nChildren; i++) 
	  folder.children[i].esconde() 
  }  
} 
 
function escondeFolder() 
{ 
  this.escondeBlock()
   
  this.setState(0) 
} 
 
function addChild(childNode) 
{ 
  this.children[this.nChildren] = childNode 
  this.nChildren++ 
  return childNode 
} 
 
function folderSubEntries() 
{ 
  var i = 0 
  var se = this.nChildren 
 
  for (i=0; i < this.nChildren; i++){ 
    if (this.children[i].children) //is a folder 
      se = se + this.children[i].subEntries() 
  } 
 
  return se 
} 
 
 
// Definition of class Item (a document or link inside a Folder) 
// ************************************************************* 
 
function Item(itemDescription, itemLink) // Constructor 
{ 
  // constant data 
  this.desc = itemDescription 
  this.hreference = itemLink 
  this.id = -1 //initialized in initalize() 
  this.navObj = 0 //initialized in render() 
  this.iconImg = 0 //initialized in render() 
  this.iconSrc = ICONPATH + "treedoc.gif" 

  // methods 
  this.initialize = initializeItem 
  this.createIndex = createEntryIndex 
  this.esconde = escondeBlock
  this.mostra = mostra 
  this.renderOb = drawItem 
  this.totalHeight = totalHeight 
  this.blockStart = blockStart
  this.blockEnd = blockEnd
} 
 
function initializeItem(level, lastNode, leftSide) 
{  
  this.createIndex() 
 
  if (level>0) 
    if (lastNode) //the last 'brother' in the children array 
    { 
      this.renderOb(leftSide + "<td valign=top><img src='" + ICONPATH + "treelastnode.gif' width=13 height=18></td>") 
      leftSide = leftSide + "<td valign=top><img src='" + ICONPATH + "treeblank.gif' width=13 height=18>"  
    } 
    else