O ' r a n g e  

web soft team

Tree View >> How to install:

NEWS:
 5:03:03
New version of JS Tree view 1.12
  10:01:03
New version of Free JSP DHTML menu tag

   DEMO

  


INSTALLATION

Download treeview.zip

This tree view have two installation modes.

1. Frame rewriting mode for old browsers (IE3+ NN3+ Opera3+)

2. In DIV mode for DHTML browsers (IE4+ NN4+ NN6+ Mozilla1+ Opera7+)

1.Frame rewriting mode

place treens.js into your web page folder

You must have 4 files:

index file (index.htm )with frameset:
<html>
<head>
<meta http-equiv="cache-control" content="no-cache">
<script language="JavaScript" src="treens.js"></script>
<script language="JavaScript" src="mymenu.js"></script>
</head>
<frameset cols='20%,80%' border=0 frameborder=0 framespacing=0>
<frame src='rub.html' name='rub' >
<frame src=first.htm name='main'>
</frameset>
</html>

Main file with home page (first.htm)

Rubricator file (rub.htm)
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Home Page</title>
</head>
<body>
<script language="JavaScript">
<!--
top.TI.Update();
//-->
</script>
</body>
</html>

Menu configuration JS file (mymenu.js)
var TI;

TI=new TreeView("TI",0,0,"Item0","rrr","ddd");
TI.bckColor="#a0a0a0";
TI.fntColor="#ffffff";
TI.linkColor="#ffff00";
TI.vlinkColor="#eeee00";
TI.alinkColor="#ffff88";

//TI.A(ID,ParentID,Text,Link,Target,Icon,OpenIcon);
TI.A(1,0,"English","first.htm","main","fold.gif");
TI.A(2,0,"Russian","first.htm","main","fold.gif");
TI.A(3,1,"Java","#","main","doc.gif");
TI.A(4,1,"JavaScript","#","main","doc.gif");
TI.A(5,1,"Dhtml","first.htm","main","doc.gif");
TI.A(6,2,"Java","first.htm","main","doc.gif");
TI.A(7,2,"JavaScript","JSTreeEng.htm","main","doc.gif");
TI.A(8,0,"Forum","","main","doc.gif");
TI.A(9,0,"E-Mail","mailto:ilya@iep.uran.ru","main","doc.gif");
TI.A(10,4,"TreeMenu for IE Opera NS","JSTreeEng.htm","main","doc.gif");
TI.A(11,5,"DHTML Tree menu for IE4 NS4","first.htm","main","doc.gif");
TI.A(12,5,"DHTML Hierarchical Dropdown menu","first.htm","main","doc.gif");
TI.A(13,3,"Java tree menu","first.htm","main","doc.gif");
TI.A(14,3,"Dressing room","first.htm","main","doc.gif");
TI.A(15,3,"Counters","first.htm","main","doc.gif");
TI.frname="rub";

 For more information see examples in your downloaded zip file,or order installation and configuration support for only $30.

2. In DIV mode

place treens.js into your web page folder

You must have 2 files

1. You html page (index.htm)
<html>

<script language="JavaScript" src="treens.js"></script>
<script language="JavaScript"src="mymenu.js"></script>

<body>

<script language="JavaScript">
<!--
build();
//-->

.........................
</script>

</body>

</html>

JS configuration file (mymenu.js)
function build(){

//alert("start");
b=new BrowserCheck();
//alert("checked");

TI=new TreeView("TI",0,0,"Item0","rrr","ddd");
TI.bckColor="#ffffff";
TI.fntColor="#000055";
TI.linkColor="#0000ff";
TI.vlinkColor="#eeee00";
TI.alinkColor="#ffff88";TI.fntSize=1;
TI.x=320;TI.ih=14;TI.iw=16;TI.ind=true;TI.y=160;


//TI.A(ID,ParentID,Text,Link,Target,Icon,OpenIcon);


TI.A(1,0,"colors","first.htm","","folder.gif","folderopen.gif");
TI.A(2,0,"font faces","first.htm","","folder.gif","folderopen.gif");
TI.A(3,0,"backgrounds","#","main","doc.gif");
TI.A(4,1,"red","#","","doc.gif");
TI.A(5,1,"green","first.htm","","doc.gif");

TI.A(6,1,"blue","first.htm","","doc.gif");
TI.A(7,2,"Arial","JSTreeEng.htm","","doc.gif");
TI.A(8,2,"Times","","","doc.gif");
TI.A(9,2,"Vernada","mailto:ilya@iep.uran.ru","","doc.gif");
TI.A(10,2,"Comic","JSTreeEng.htm","","doc.gif");
TI.A(11,4,"dark red","first.htm","","doc.gif");
TI.A(12,4,"red","first.htm","","doc.gif");
TI.A(13,4,"light red","first.htm","","doc.gif");
TI.A(14,5,"dark green","first.htm","","doc.gif");
TI.A(15,5,"green","first.htm","","doc.gif");
TI.A(16,5,"light green","first.htm","","doc.gif");
TI.A(17,6,"dark blue","first.htm","","doc.gif");
TI.A(18,6,"blue","first.htm","","doc.gif");
TI.A(19,6,"light blue","first.htm","","doc.gif");
TI.A(20,3,"red background","first.htm","","doc.gif");
TI.A(21,3,"green background","first.htm","","doc.gif");
TI.A(22,3,"blue background","first.htm","","doc.gif");


TI.Build();

}

For more information see examples in your downloaded zip file,or order installation and configuration support for only $30.

Copyright O'range 2001.

Hosted by uCoz