|
- You must download examples.zip first.
- You must have 3 files:
- dropd.js - widget code file from examples.zip.
- menu.js - configuration file.
- Yourpage.htm - your web page.
- Arrow image files list-img1.gif,list-img0.gif
- MENU.JS must look like following:
function MenuBuild()//Building and configuring menu
{
is = new BrowserCheck()//Checking browser version
TE=new TreeItem(0,0,"items2","","");//creating menu object
TE.xpos=150;TE.ypos=55;//x and y position
TE.align="hor";//alignment "vert" - vertical "hor" -
horizontal
TE.bckColor="#ffffff";//back color
TE.selBckColor="#000000";//back coloro for selected items
TE.fntColor="#000000";//font color
TE.selFntColor="#ffffff";//font color for selected items
TE.width=150;//column width
TE.fntSize=1;//font size
TE.iHeight=20;//item height
TE.imWidth=20;//icon image width
TE.bSize=2;//border width
TE.face="Arial";// font face
TE.b=true;// bold style
TE.i=true;// italic style
TE.u=true;// underlined style
TE.bColor="#000000";//border color
TE.arrIm="arrow1.gif";
TE.arrIm1="arrow2.gif";
// inserting items into menu
//A(ItemID,ParentID,"title",URL,icon URL,rollower
icon //URL,colWidth,rowHeight);
//colWidth and row Height define desired dimensions of the item bar
//if these parameters are not defined script use width and iHeight
//as default values
TE.A(1,0,"About","","","fold1.gif",60,20);
TE.A(2,0,"Products and
services","","","fold1.gif",150,20);
TE.A(3,0,"Services ","","","fold1.gif");
TE.A(7,0,"E-mail","mailto:ilya@iep.uran.ru","","fold1.gif");
TE.A(4,0,"Forum","","","fold1.gif");
TE.A(5,1,"Stuff","stuff.htm","","doc1.gif");
TE.A(6,1,"Goals","goals.htm","","doc1.gif");
TE.A(8,2,"JavaScript Widgets","","","doc1.gif");
TE.A(9,2,"JSP beans","","","doc1.gif");
TE.A(11,8,"Tree menu","indexo.htm","","doc1.gif");
TE.A(12,8,"Drop Down
menu","treemenu1.html","","doc1.gif");
TE.A(14,9,"file uploader","1.htm","","doc1.gif");
TE.A(15,9,"charts","","","doc1.gif");
TE.A(16,9,"flash","","","doc1.gif");
TE.A(17,3,"Support","","","doc1.gif");
TE.A(18,3,"Component
modification","","","doc1.gif");
TE.A(19,3,"Developing","","","doc1.gif");
TE.WriteCSS();
TE.WriteDiv();
//TE.Reset();-Don't place Reset in menuBuild function!!!!
}
function MenuInit()//Inits menu Events
{
TE.EventInit();
}
function Reset()//Reseting menu
{
TE.Reset();
}
4. In your page you must inser
following code
after <title></title> insert
<script language ="JavaScript" src="dropd.js"></script>
<script language ="JavaScript"
src ="menu.js"></script>
in body tag insert onMouseDown="Reset()"
after <body> insert
<script language="JavaScript">
<!--
MenuBuild();
MenuInit();
//-->
</script>
that's all!!!!
if you have problems still just ask us
|
|
