Edit Javascript Styles

Coreper · November 28, 2007

is it possible to change how certain fonts look like in a javascript?

here is what i want to do:

i added a zip archive, which includes a few files

if you want to view my javascript outcome, view the "tree test.html" file

so, what i want is:

-i want all the titles to look like the first one [Home]

-i want to center the text

-i want to stop the stripe from apearing under the text, on a mouse over

-i want to keep the text from turning blue when you do a mouse over on them

here is an image of the menus:

btw: is it possible the change the middle picture [of a menu bar] with a bar which already has text on it, so i can add custom made mouse-over images?

Coreper · November 29, 2007

anyone?

Mike567 · November 29, 2007

:D still working on it, can't you just use a simple navigator without dropdowns?

Coreper · November 29, 2007

i just need this drop down menu

if there is another easier way, you can tell me :)

Coreper · December 4, 2007

anything?

Mike567 · December 4, 2007

You didn't include any code :lol:

Coreper · December 5, 2007

here is the java code:

/*
   Deluxe Menu Data File
   Created by Deluxe Tuner v2.4
   http://deluxe-menu.com
*/


// -- Deluxe Tuner Style Names
var tstylesNames=["Top Item","Top Item","Top Item","Top Item",];
var tXPStylesNames=["Top Menu",];
// -- End of Deluxe Tuner Style Names

//--- Common
var tlevelDX=20;
var texpanded=0;
var texpandItemClick=0;
var tcloseExpanded=0;
var tcloseExpandedXP=0;
var ttoggleMode=1;
var tnoWrap=1;
var titemTarget="_self";
var titemCursor="text";
var statusString="link";
var tblankImage="Tree Menu.files/blank.gif";
var tpathPrefix_img="";
var tpathPrefix_link="";

//--- Dimensions
var tmenuWidth="160px";
var tmenuHeight="autopx";

//--- Positioning
var tabsolute=1;
var tleft="20px";
var ttop="20px";

//--- Font
var tfontStyle="normal 8pt Tahoma";
var tfontColor=["#215DC6","#215DC6"];
var tfontDecoration=["none","underline"];
var tfontColorDisabled="#ACACAC";
var tpressedFontColor="#AA0000";

//--- Appearance
var tmenuBackColor="";
var tmenuBackImage="Tree Menu.files/blank.gif";
var tmenuBorderColor="#FFFFFF";
var tmenuBorderWidth=0;
var tmenuBorderStyle="solid";

//--- Item Appearance
var titemAlign="left";
var titemHeight=22;
var titemBackColor=["#b5cee7","#b5cee7"];
var titemBackImage=["Tree Menu.files/blank.gif","Tree Menu.files/blank.gif"];

//--- Icons & Buttons
var ticonWidth=21;
var ticonHeight=15;
var ticonAlign="left";
var texpandBtn=["Tree Menu.files/expandbtn2.gif","Tree Menu.files/expandbtn2.gif","Tree Menu.files/collapsebtn2.gif"];
var texpandBtnW=9;
var texpandBtnH=9;
var texpandBtnAlign="left";

//--- Lines
var tpoints=0;
var tpointsImage="";
var tpointsVImage="";
var tpointsCImage="";

//--- Floatable Menu
var tfloatable=0;
var tfloatIterations=10;
var tfloatableX=1;
var tfloatableY=1;

//--- Movable Menu
var tmoveable=0;
var tmoveHeight=12;
var tmoveColor="#AA0000";
var tmoveImage="Tree Menu.files/movepic.gif";

//--- XP-Style
var tXPStyle=1;
var tXPIterations=10;
var tXPBorderWidth=0;
var tXPBorderColor="#FFFFFF";
var tXPTitleBackColor="#b5cee7";
var tXPTitleBackImg="Tree Menu.files/Tree_Gradient.png";
var tXPTitleLeft="Tree Menu.files/Tree_CornerL.png";
var tXPTitleLeftWidth=20;
var tXPIconWidth=30;
var tXPIconHeight=30;
var tXPExpandBtn=["Tree Menu.files/Tree_CornerR.png","Tree Menu.files/Tree_CornerR.png","Tree Menu.files/Tree_CornerR.png","Tree Menu.files/Tree_CornerR.png"];
var tXPBtnWidth=20;
var tXPBtnHeight=40;
var tXPFilter=1;

//--- Dynamic Menu
var tdynamic=0;

//--- State Saving
var tsaveState=0;
var tsavePrefix="Tree Menu";

var tstyles = [
	["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
	["titemBackColor=#265BCC,#265BCC","tfontStyle=bold 8pt Tahoma","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
	["titemBackColor=#265BCC,#265BCC","tfontStyle=bold 8pt Tahoma","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
	["titemBackColor=#265BCC,#265BCC","tfontStyle=bold 8pt Tahoma","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
];
var tXPStyles = [
	["tfontStyle=bold 10px Arial","tfontColor=#FFFFFF,#C4CFFF"],
];

var tmenuItems = [

	["Home","", "", "", "", "", "", "0", "-1", ],
	["Portofolio","", "", "", "", "", "", "", "", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|Fonts","", "", "", "", "", "", "", "", ],
		["|GIMP Stuff","", "", "", "", "", "", "", "", ],
		["|GIMP Tutorials","", "", "", "", "", "", "", "", ],
		["|Icons","", "", "", "", "", "", "", "", ],
		["|MSN Avatar","", "", "", "", "", "", "", "", ],
		["|Websites","", "", "", "", "", "", "", "", ],
		["|UT Mapping","", "", "", "", "", "", "", "", ],
	["Info","", "", "", "", "", "", "", "", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|GIMP","", "", "", "", "", "", "", "", ],
		["|GIMPTalk","", "", "", "", "", "", "", "", ],
		["|Nali City","", "", "", "", "", "", "", "", ],
		["|Unreal Playground","", "", "", "", "", "", "", "", ],
		["|Windows Forum","", "", "", "", "", "", "", "", ],
	["About","", "", "", "", "", "", "", "", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|About me","", "", "", "", "", "", "", "", ],
		["|Contact","", "", "", "", "", "", "", "", ],
		["|Sitemap","", "", "", "", "", "", "", "", ],
		["|Webdesign","", "", "", "", "", "", "", "", ],
	["Links","", "", "", "", "", "", "", "", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|Art","", "", "", "", "", "", "", "", ],
		["|Babes","", "", "", "", "", "", "", "", ],
		["|Customize","", "", "", "", "", "", "", "", ],
		["|Download","", "", "", "", "", "", "", "", ],
		["|Forums","", "", "", "", "", "", "", "", ],
		["|Hardware","", "", "", "", "", "", "", "", ],
		["|Mail","", "", "", "", "", "", "", "", ],
		["|Music","", "", "", "", "", "", "", "", ],
		["|Other","", "", "", "", "", "", "", "", ],
		["|Search","", "", "", "", "", "", "", "", ],
		["|Tweak","", "", "", "", "", "", "", "", ],
		["|Upload","", "", "", "", "", "", "", "-1", ],
];
dtree_init();

Mike567 · December 5, 2007

var tfontColor=["#215DC6","#215DC6"];

^ text color ^ change it to the color you want.

have any other files with it?

Coreper · December 5, 2007

you mean script files?

then: no

do you also know how i can center the text?

Coreper · December 5, 2007

ok i made some changes:

/*
   Deluxe Menu Data File
   Created by Deluxe Tuner v2.4
   http://deluxe-menu.com
*/


// -- Deluxe Tuner Style Names
var tstylesNames=["Top Item","Top Item","Top Item","Top Item",];
var tXPStylesNames=["Top Menu",];
// -- End of Deluxe Tuner Style Names

//--- Common
var tlevelDX=20;
var texpanded=0;
var texpandItemClick=0;
var tcloseExpanded=0;
var tcloseExpandedXP=0;
var ttoggleMode=1;
var tnoWrap=1;
var titemTarget="_self";
var titemCursor="text";
var statusString="link";
var tblankImage="Tree Menu.files/blank.gif";
var tpathPrefix_img="";
var tpathPrefix_link="";

//--- Dimensions
var tmenuWidth="160px";
var tmenuHeight="autopx";

//--- Positioning
var tabsolute=1;
var tleft="20px";
var ttop="20px";

//--- Font
var tfontStyle="Bold 8pt Tahoma";
var tfontColor=["#215DC6","#215DC6"];
var tfontDecoration=["none","underline"];
var tfontColorDisabled="#ACACAC";
var tpressedFontColor="#AA0000";

//--- Appearance
var tmenuBackColor="";
var tmenuBackImage="Tree Menu.files/blank.gif";
var tmenuBorderColor="#FFFFFF";
var tmenuBorderWidth=0;
var tmenuBorderStyle="solid";

//--- Item Appearance
var titemAlign="left";
var titemHeight=22;
var titemBackColor=["#b5cee7","#b5cee7"];
var titemBackImage=["Tree Menu.files/blank.gif","Tree Menu.files/blank.gif"];

//--- Icons & Buttons
var ticonWidth=21;
var ticonHeight=15;
var ticonAlign="left";
var texpandBtn=["Tree Menu.files/expandbtn2.gif","Tree Menu.files/expandbtn2.gif","Tree 

Menu.files/collapsebtn2.gif"];
var texpandBtnW=9;
var texpandBtnH=9;
var texpandBtnAlign="left";

//--- Lines
var tpoints=0;
var tpointsImage="";
var tpointsVImage="";
var tpointsCImage="";

//--- Floatable Menu
var tfloatable=0;
var tfloatIterations=10;
var tfloatableX=1;
var tfloatableY=1;

//--- Movable Menu
var tmoveable=0;
var tmoveHeight=12;
var tmoveColor="#AA0000";
var tmoveImage="Tree Menu.files/movepic.gif";

//--- XP-Style
var tXPStyle=1;
var tXPIterations=10;
var tXPBorderWidth=0;
var tXPBorderColor="#FFFFFF";
var tXPTitleBackColor="#b5cee7";
var tXPTitleBackImg="Tree Menu.files/Tree_Gradient.png";
var tXPTitleLeft="Tree Menu.files/Tree_CornerL.png";
var tXPTitleLeftWidth=20;
var tXPIconWidth=30;
var tXPIconHeight=30;
var tXPExpandBtn=["Tree Menu.files/Tree_CornerR.png","Tree 

Menu.files/Tree_CornerR.png","Tree Menu.files/Tree_CornerR.png","Tree 

Menu.files/Tree_CornerR.png"];
var tXPBtnWidth=20;
var tXPBtnHeight=40;
var tXPFilter=1;

//--- Dynamic Menu
var tdynamic=0;

//--- State Saving
var tsaveState=0;
var tsavePrefix="Tree Menu";

var tstyles = [
	["tfontStyle=bold 8pt 

Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#FFFFFF,#428EFF","tfontDecoration=non

e,none"],
	["titemBackColor=#265BCC,#265BCC","tfontStyle=bold 8pt 

Tahoma","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
	["titemBackColor=#265BCC,#265BCC","tfontStyle=bold 8pt 

Tahoma","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
	["titemBackColor=#265BCC,#265BCC","tfontStyle=bold 8pt 

Tahoma","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
];
var tXPStyles = [
	["tfontStyle=bold 10px Arial","tfontColor=#FFFFFF,#C4CFFF"],
];

var tmenuItems = [


	["Home","", "", "", "", "", "", "0", "-1", ],
	["Portofolio","", "", "", "", "", "", "0", "-1", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|Fonts","", "", "", "", "", "", "", "", ],
		["|GIMP Stuff","", "", "", "", "", "", "", "", ],
		["|GIMP Tutorials","", "", "", "", "", "", "", "", ],
		["|Icons","", "", "", "", "", "", "", "", ],
		["|MSN Avatar","", "", "", "", "", "", "", "", ],
		["|Websites","", "", "", "", "", "", "", "", ],
		["|UT Mapping","", "", "", "", "", "", "", "", ],
	["Info","", "", "", "", "", "", "0", "-1", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|GIMP","", "", "", "", "", "", "", "", ],
		["|GIMPTalk","", "", "", "", "", "", "", "", ],
		["|Nali City","", "", "", "", "", "", "", "", ],
		["|Unreal Playground","", "", "", "", "", "", "", "", ],
		["|Windows Forum","", "", "", "", "", "", "", "", ],
	["About","", "", "", "", "", "", "0", "-1", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|About me","", "", "", "", "", "", "", "", ],
		["|Contact","", "", "", "", "", "", "", "", ],
		["|Sitemap","", "", "", "", "", "", "", "", ],
		["|Webdesign","", "", "", "", "", "", "", "", ],
	["Links","", "", "", "", "", "", "0", "-1", ],
		["|Main","", "", "", "", "", "", "", "", ],
		["|Art","", "", "", "", "", "", "", "", ],
		["|Babes","", "", "", "", "", "", "", "", ],
		["|Customize","", "", "", "", "", "", "", "", ],
		["|Download","", "", "", "", "", "", "", "", ],
		["|Forums","", "", "", "", "", "", "", "", ],
		["|Hardware","", "", "", "", "", "", "", "", ],
		["|Mail","", "", "", "", "", "", "", "", ],
		["|Music","", "", "", "", "", "", "", "", ],
		["|Other","", "", "", "", "", "", "", "", ],
		["|Search","", "", "", "", "", "", "", "", ],
		["|Tweak","", "", "", "", "", "", "", "", ],
		["|Upload","", "", "", "", "", "", "", "-1", ],
];

dtree_init();

i would still like to know how to center the title text

can you also find a part which stands for the title font properties? [the given font var's are for the item font...]

Mike567 · December 5, 2007

its just configuration you need to edit the other files as well.

Coreper · December 5, 2007

oh

i found some other files:

dtree.js

String.prototype.sb=function(tss,te){return this.substring(tss,te)};String.prototype.io=function(tss){return this.indexOf(tss)};String.prototype.ln=function(){return this.length};Array.prototype.ln=function(){return this.length};var tie=0;var ti5=0;var tsn=0;var tn4=0;var tpo=0;var tp1=0;var tzm=0;var tv1=0;var tid=0;var tam=0;var tp2=0;var tim=0;var dtdo=document;_tb();var tdy=!(tn4||(tpo&&tv1<7));var tuf='undefined';var tde;var tul=null;var tcTimers=[];var tt=[];var tl1=0;var tcm={tnd:0,_tmv:null,t1i:-1,tv:null,tba:null};var tmoveRec={tmo:0,ttx:0,tty:0,tom:0,_tmv:null };var tcb=0;var txo=0,tyo=0;var taddedScripts=[];if(typeof(tWorkPath)==tuf)var tWorkPath='';function _tl1lI(fname){for(var tii=0;tii<taddedScripts.ln();tii++)if(taddedScripts[tii]==fname)return;taddedScripts.push(fname);dtdo.write('<SCR'+'IPT SRC="'+tWorkPath+fname+'.js" type="text/javascript"></SCR'+'IPT>');}function _td(){tde=(dtdo.compatMode=="CSS1Compat"&&!tzm)?dtdo.documentElement:dtdo.body;}function _tb(){var tnn=navigator;var a=tnn.userAgent;var tn1=tnn.appName;var tv2=tnn.appVersion;var tns='Netscape';var tkg='Gecko';var tfp=function(tr){return parseFloat(tr)};tam=tv2.io("Mac")>=0;tid=dtdo.getElementById?1:0;if((parseInt(tnn.productSub)>=20020000)&&(tnn.vendor.io("Apple Computer")!=-1)&&(tnn.product==tkg)){tsn=1;tv1=6;tfs=1;return;}if(tn1.toLowerCase()=='konqueror'){tzm=1;tv1=1.6;return;}if(a.io('Opera')>=0){tpo=1;tv1=tfp(a.sb(a.io('Opera')+6,a.ln()));tim=(tv1>=7);return;}if(tn1.toLowerCase()=='netscape'){if(a.io('rv:')!=-1&&a.io(tkg)!=-1&&a.io(tns)==-1){tzm=1;tv1=tfp(a.sb(a.io('rv:')+3,a.ln()));}else{tsn=1;if(a.io(tkg)!=-1&&a.io(tns)>a.io(tkg)){if(a.io(tns+'6')>-1)tv1=tfp(a.sb(a.io(tns)+10,a.ln()));else if(a.io(tns)>-1)tv1=tfp(a.sb(a.io(tns)+9,a.ln()));}else tv1=tfp(tv2);};tn4=tsn&&tv1<6;return;}if(dtdo.all?1:0){tie=1;tv1=tfp(a.sb(a.io('MSIE ')+5,a.ln()));ti5=(tv1>=5);ti2=(tv1>=6);tim=1;tp2=(tam?0:1);tia=tam;}}_tII1();function _tII1(){tpressedFontColor='#AA0000',tcloseExpanded=0;tcloseExpandedXP=0;tXPFilter=1;tXPTitleLeftWidth=4;tXPBtnW
idth=25;tXPBtnHeight=25;tXPIconWidth=31;tXPIconHeight=32;tXPBorderWidth=1;tXPBor
d
erColor='#FFFFFF';titemBorderWidth=0;titemBorderStyle=0;titemBorderColor=0;tfontColorDisabled
='#AAAAAA';tfloatableX=1;tfloatableY=1;tmenuHeight='';tnoWrap=1;ttoggleMode=0;tpathPrefix_link='';tpathPrefix_img='';tmoveColor='#ECECEC';tmoveImageHeight=12;titemHeight=19;texpanded=0;tsaveState=0;tsavePrefix='pre';tlevelDX=20;texpandItemClick=0;tdynamic=0;}function _tg(){if(tn4){tfloatable=0;tmovable=0;}with(tcm){t1i=0;tv=null;tba=null;}if(tfloatIterations<=0)tfloatIterations=6;if(!tmenuWidth)tmenuWidth='200';tpoints=tdy?tpoints:0;if(titemCursor=='pointer'&&tie)titemCursor='hand';if(tXPStyle)if(tXPIterations<=0)tXPIterations=1;}function _tsx(tob){with(tob)return[parseInt(style.left),parseInt(style.top)];}function _tlli(){_td();var tom=_toi("dtree_0div");var txy=_tsx(tom);txo=tt[0].left-txy[0];tyo=tt[0].top-txy[1];tl1=1;if(!(tpo&&tv1<6)){var tf=0,tj=0;while(tj<tt.ln()&&!(tf=(tt[tj].tff&&tt[tj].tap)))tj++;if(tf)window.setInterval('_tsw()',20);var tf=0,tj=0;while(tj<tt.ln()&&!(tf=(tt[tj].tIIl&&tt[tj].tap)))tj++;if(tf)_tm();}if(tul)tul();}function _tllo(){tul=(typeof(onload)=='function')?onload:null;onload=_tlli;}function _tpp(trm,tdr){return(typeof(trm)!=tuf&&trm)?trm:tdr;}function _tl1l(tv){if(!tv)return null;if(tv.thc)return tv.tii[0];var tba=tv._tpii;if(!tba)return null;if(tv.tnd<tba.tii.ln()-1)return tba.tii[tv.tnd+1];if(tv.tnd==tba.tii.ln()-1){while(tba._tpii){with(tba)if(_tpii.tii[tnd+1])return _tpii.tii[tnd+1];tba=tba._tpii;}return null;}}function _tlll(tv){if(tv.tii.ln())return _tlll(tv.tii[tv.tii.ln()-1]);else return tv;}function _tI1(tv){if(!tv)return null;var tba=tv._tpii;if(!tba)return null;if(tv.tnd==0){if(!tba._tpii)return null;return tba;}if(tv.tnd>0)return _tlll(tba.tii[tv.tnd-1]);}function _tl1(tmi){with(tt[tmi])var tv=tii[tii.ln()-1];var tit;while((tit=_tl1l(tv)))tv=tit;return tv;}function _tpm(tllv,tln,tl11,tlv1){var tvll='';for(var tii=0;tii<=tln;tii++){if(tl11.charAt(tii)!='0'&&tii<=tllv)tvll+='1';else tvll+=(tii==tllv)?((tllv!=tlv1)?'2':'1'):'0';}return tvll;}function _tdp(tm,tmn){with(tm){var tzl=_tpm(-1,tmn,'',0);var tv=_tl1(tm.tnd);with(tv)tptm=_tpm(tvl,tmn,tzl,99999999);var tit;while((tit=_tI1(tv))){with(tit)tptm=_tpm(tvl,tmn,tv.tptm,tv.tvl);tv=tit;}}}var tpf=['java script:','mailto:',"http://","https://","ftp://"];function _tc(tur){for(var tii=0;tii<tpf.ln();tii++)if(tur.io(tpf[tii])==0)return 0;return 1;}function _t1pp(ths,tpx1){if(typeof(ths)=='string')return ths?((_tc(ths)?tpx1:'')+ths):'';else{var tp=[];for(var tii=0;tii<ths.ln();tii++)if(ths[tii])tp[tii]=(_tc(ths[tii])?tpx1:'')+ths[tii];else tp[tii]='';return tp;}}function _tpg(trm,defParam){return(typeof(trm)!="undefined"&&trm)?trm:defParam;}function _tsr(tpe,tis,tsy,tdv){if(tis==-1||''+tis+''=='')return tdv;var tps=(tsy==1)?tstyles[tis]:tXPStyles[tis];var tf=0;for(var tii=0;tii<tps.ln();tii++)if(typeof(tps[tii])==tuf)return tdv;else if(tps[tii].io(tpe)>=0){tf=1;break;}if(!tf)return tdv;var tv3=tps[tii].split('=')[1];if(tv3.io(',')>=0)tv3=tv3.split(',');return tv3;}function _tlx(){var tis1={twb:_t1pp(tXPExpandBtn,tpathPrefix_img),tIx:tXPTitleBackColor,twl:_t1pp(tXPTitleLeft,tpathPrefix_img),twp:tXPTitleLeftWidth,twm:_t1pp(tXPTitleBackImg,tpathPrefix_img)};return tis1;}function _t1x(){var tsi1={tbc:titemBackColor,tbi:_t1pp(titemBackImage,tpathPrefix_img),tfn:tfontColor,tf1:tfontStyle,tdf:tfontDecoration};return tsi1;}function _tpx(tm,tis){var tts=tm.tis1;if(typeof(tis)==tuf)return tts;var tnl=_tsr('tXPExpandBtn',tis,0,'');var tll=_tsr('tXPTitleLeft',tis,0,'');var tl=_tsr('tXPTitleBackImg',tis,0,'');var style={twb:tnl?_t1pp(tnl,tpathPrefix_img):tts.twb,tIx:_tsr('tXPTitleBackColor',tis,0,tts.tIx),twl:tll?_t1pp(tll,tpathPrefix_img):tts.twl,twp:_tsr('tXPTitleLeftWidth',tis,0,tts.twp),twm:tl?_t1pp(tl,tpathPrefix_img):tts.twm};return style;}function _tsi(tm,tis){var tts=tm.tsi1;if(typeof(tis)==tuf)return tts;var tl=_tsr("titemBackImage",tis,1,'');var style={tbc:_tsr('titemBackColor',tis,1,tts.tbc),tbi:tl?_t1pp(tl,tpathPrefix_img):tts.tbi,tfn:_tsr("tfontColor",tis,1,tts.tfn),tf1:_tsr("tfontStyle",tis,1,tts.tf1),tdf:_tsr("tfontDecoration",tis,1,tts.tdf)};return style;}function _tim(tci){tt[tci]={tii:[],tnd:tci,id:'dtree_'+tci,_tpii:null,txl:0,tou:0,tnc:0,tap:tabsolute,left:tleft,top:ttop,width:tmenuWidth,height:tmenuHeight,teh:titemHeight,twr:tnoWrap?'nowrap':'',txd:tlevelDX,tec:texpandItemClick,tce:tcloseExpanded,tcx:tcloseExpandedXP,tff:tfloatable,txf:tfloatableX,tyf:tfloatableY,tt1r:tfloatIterations,tIIl:tmoveable,tlc:tmoveColor,tmi1:tmoveImage,thm:tmoveImageHeight,tbw:tmenuBorderWidth,tbs1:tmenuBorderStyle,tbc1:tmenuBorderColor,tbc:tmenuBackColor,tbi:_t1pp(tmenuBackImage,tpathPrefix_img),tfd:tfontColorDisabled,tbs:_t1pp(texpandBtn,tpathPrefix_img),tbw1:texpandBtnW,tbh:texpandBtnH,tlb:texpandBtnAlign,tai:ticonAlign,tph:tpoints,tpc1:_t1pp(tpointsImage,tpathPrefix_img),tcp1:_t1pp(tpointsVImage,tpathPrefix_img),tpc:_t1pp(tpointsCImage,tpathPrefix_img),tpx:tXPStyle,twt:tXPBtnWidth,txh:tXPBtnHeight,twc:tXPIconWidth,twi:tXPIconHeight,txII:tXPIterations,tfx:tXPFilter,txw:tXPBorderWidth,txb:tXPBorderColor,tib:0,toggleMode:ttoggleMode,tpdi:'',tpcf:tpressedFontColor,tsi1:_t1x(),tis1:_tlx(),tsa:tsaveState,tsp:tsavePrefix,tsl:0,tse:[]};tcm._tmv=tt[tci];}function _tlt(tlv){return _t1pp(_tpg(tlv,''),tpathPrefix_link);}function _tgt(ttva){if(!ttva&&titemTarget)ttva=titemTarget;return ttva;}function _tif(tss){return tss.sb(1,tss.ln());}function _tic(tirp){var tc0=_tpg(tirp[2],'');var tc1=_tpg(tirp[3],tc0);var tc2=_tpg(tirp[4],tc1);return[tc0,tc1,tc2];}function _tip(tmp,tir,tirp,tllv,t1i){var txt=tirp[0];var ti1=tmp.id+'i'+tmp.tnc;var thi=0;if(txt.charAt(0)=='#'){thi=1;txt=_tif(txt);}var ten=(texpanded||!tdy);if(txt.charAt(0)=='+'){txt=_tif(txt);ten=1;}ten=(ten&&!thi);if(txt.charAt(0)=='>'){txt=_tif(txt);tmp.tpdi=ti1;}var tli=_tlt(tirp[1]);var tar=_tgt(_tpg(tirp[6],''));if(!tir)tir=tmp;else tir.thc=1;var tnx=(t1i>-1)?t1i:tir.tii.ln();with(tmp)if(tsl&&tdy){var tsti=(typeof(tse[tou])==tuf)?'':tse[tou];switch(tsti){case 'h':ten=0;thi=1;break;case 'u':ten=0;thi=0;break;case '+':ten=1;thi=0;break;case '-':ten=0;thi=0;break;}}tir.tii[tnx]={tii:[],tmi:tmp.tnd,tnd:tnx,id:ti1,_tpii:tir,tvl:tllv,txd:tmp.txd,tptm:'',thc:0,tex:ten?1:0,text:txt,link:tli,target:tar,tip:_tpg(tirp[5],''),align:titemAlign,valign:'middle',cursor:titemCursor,tst:_tsi(tmp,tirp[7]),tws:_tpx(tmp,tirp[8]),tic:_t1pp(_tic(tirp),tpathPrefix_img),ta2:ticonWidth,ta1:ticonHeight,tiv:1,tih:thi,t1d:(tar=='_')?1:0,til:0,_ttm:null};with(tmp){if(tllv>txl)txl=tllv;tou++;tnc++;}with(tcm){_tmv=tmp;t1i=tnx;tv=tir.tii[tnx];tba=tir;}}function _tvl(tx1){var tllv=0;while(tx1.charAt(tllv)=='|')tllv++;return tllv;}function _tiv(tm,tv){with(tv){var tlw=(tm.tpx)?1:0;if(tvl>tlw)tiv=(_tpii.tex&&!_tpii.tih);else tiv=1;tex=(thc&&tex&&tiv&&!tih)?1:0;}}function _t1l(){var tpl=-1;var tcl=0;var ttl;var tirp=tmenuItems;for(var tii=0;(tii<tirp.length&&typeof(tirp[tii])!=tuf);tii++){tcl=_tvl(tirp[tii][0]);tirp[tii][0]=tirp[tii][0].sb(tcl,tirp[tii][0].ln());with(tcm){if(tpl<tcl)tba=tv;if(tpl>tcl)for(var tj=0;tj<tpl-tcl;tj++)tba=tba._tpii;_tip(_tmv,tba,tirp[tii],tcl,-1);}tpl=tcl;}var tv=tcm._tmv.tii[0];do{_tiv(tcm._tmv,tv);}while((tv=_tl1l(tv)))}var tpm='padding:0px;margin:0px;';function _to1(id,tstt,tta){return '<DIV id="'+id+'" style="'+tpm+tstt+'" '+tta+'>';}function _ttd(){return '</DIV>';}function _t1m(id,tpa,tpd,tstt,events,tta,tr){return '<Table id="'+id+'" '+events+' cellspacing='+tpa+' cellpadding='+tpd+' '+tta+' style="'+tstt+'" border=0>'+(tr?'<tr>':'');}function _ttt(tr){return(tr?'</tr>':'')+'</Table>';}function _tid(id,tstt,tta,tml){return '<td id="'+id+'" '+tta+' style="'+tpm+tstt+'">'+tml+'</td>';}function _tio(id,tur,tw,th,tta){return '<img id="'+id+'" src="'+tur+'" width='+tw+' height='+th+' '+tta+' border=0>';}function _tix(tm,tv){var tss='';with(tv){var ti=_tio('',tblankImage,txd,1,'');for(var tk=tvl;tk>=0;tk--)if(tm.tph&&tk!=tvl)tss+=(tptm.charAt(tvl-tk-1)=='1')?_tid('','background-repeat:repeat-y','background="'+tm.tpc1+'"',ti):_tid('','','',ti);else tss+=_tid('','','',_tio('',tblankImage,((tk==tvl)?2:txd),1,''));}return tss;}function _tie(tm,tv){with(tv){var tss='';var tts='';var tta='onMouseDown="_te(\''+id+'\')"';if(tdy){if(thc)tta+=' style="cursor:pointer"';tts=(tptm.charAt(tvl)=='2')?'background: url('+tm.tpc+') no-repeat':'background: url('+tm.tpc1+') repeat-y';}var tml=_tio(id+'btn',(thc?(tex?tm.tbs[2]:tm.tbs[0]):tblankImage),tm.tbw1,tm.tbh,tta);tss+=_tid('',tts,'',tml);}tss+=(tm.tlb=="right")?_tix(tm,tv):'';return tss;}function _tii(tm,tv){with(tv){if(!tic[0])return '';var tpr=(tt[tmi].tpdi==id);var tss=_tid('','','',_tio(id+'icon',((!tdy||tex||tpr)?tic[2]:tic[0]),ta2,ta1,''));}return tss;}function _tss(tm,tv,tdt){return _tid('','background-repeat:repeat-x;',((tm.tph&&tdt&&tv.thc)?'background="'+tm.tcp1+'"':''),_tio('',tblankImage,5,1,''));}function _tgx(tv){with(tt[tv.tmi])with(tv){with(tst){var tpr=(tpdi==id);var tfc=t1d?tfd:(tpr?tpcf:tfn[0]);var tss='<span id="'+id+'font" style="color:'+tfc+';font:'+tf1+';font-decoration:'+tdf[0]+'">'+text+'</span>';}}return tss;}function _tiz(tm,tv){with(tv){if(!text)return;var tss=_tid(id+'textTD','width:100%;',tm.twr+' height='+tm.teh+' align='+align,_tgx(tv));}return tss;}function _txt(tm,tv,td){with(tv){var tpr1='\''+id+'\'';var tss=_t1m(id,0,0,'width:100%;cursor:pointer','','title="'+tip+'" onMouseOver="_ttll(this,'+tpr1+',1)" onMouseOut="_ttll(this,'+tpr1+',0)" onClick="_tcll('+tpr1+')"',0)+'<TR style="display:'+td+'">';var ttd=_tid(id+'textTD','width:100%;background:'+tws.tIx+' url('+tws.twm+') repeat-y','',_tgx(tv));var tbm=tex?tws.twb[2]:tws.twb[0];if(tic[0])tss+=_tid('','','rowspan=2',_tio('',tic[0],tm.twc,tm.twi,''))+_tid('','height:'+(tm.twi-tm.txh)+'px','colspan=2','')+'</TR><TR>'+ttd+_tid('','','',_tio(id+'btn',tbm,tm.twt,tm.txh,''));else tss+=_tid('','height:'+tm.txh+'px','',_tio('',tws.twl,tws.twp,tm.txh,''))+ttd+_tid('','','',_tio(id+'btn',tbm,tm.twt,tm.txh,''));tss+=_ttt(1)+_to1(id+'divXP','width:100%;position:relative;overflow:visible;height:auto;'+(tex?'':'display:none;'),'')+_to1(id+'divXP2','width:100%;height:auto;position:relative;top:0px;left:0px;filter:blendTrans(duration=0.2);','')+_t1m(id+'tbl',0,0,'border:solid '+tm.txw+'px '+tm.txb+';border-top:none;width:100%;background:'+tm.tbc+' '+(tm.tbi?'url('+tm.tbi+') repeat':''),'','',0);}return tss;}function _tts(){return _ttt(0)+_ttd()+_ttd()+_to1('','height:10px;font-size:1px;','')+_ttd();}function _t1s(tm){return _t1m(tm.id+'tbl',0,0,'width:100%;background:'+tm.tbc+' '+(tm.tbi?'url('+tm.tbi+') repeat;':''),'','',0);}function _tit(tm,tv,td,tnw){with(tv){var tpr1='\''+id+'\'';var tss=(tnw?'<TR id="'+id+'TR" style="display:'+td+'"><TD style="'+tpm+'">':'')+_t1m(id,0,0,'cursor:'+cursor+';width:100%;background:'+tst.tbc[0]+' '+(tst.tbi[0]?'url('+tst.tbi[0]+') repeat;':''),'title="'+tip+'"','onMouseOver="_ti(this,'+tpr1+',1)" onMouseOut="_ti(this,'+tpr1+',0)" onClick="_tl('+tpr1+')" onContextMenu="return _tIr('+tpr1+')"',1)+((tm.tlb!='right')?_tix(tm,tv)+_tie(tm,tv)+_tss(tm,tv,1):'')+((tm.tai!='right')?_tii(tm,tv)+_tss(tm,tv,0):'')+_tiz(tm,tv)+((tm.tai=='right')?_tss(tm,tv,0)+_tii(tm,tv):'')+((tm.tlb=='right')?_tss(tm,tv,1)+_tie(tm,tv)+_tix(tm,tv):'')+_ttt(1)+(tnw?'</TD></TR>':'');}return tss;}function _tis(tm){with(tm)var tss=_to1(id+'move','font-size:1px;width:100%;height:'+thm+'px;background:'+tlc+' url('+tmi1+') repeat;cursor:move','onMouseDown="_tl1s(event,'+tnd+')" onMouseUp="_tl11(event,'+tnd+')"')+_ttd();return tss;}function dtree_init(){_tg();if(tfloatable||tmoveable)_tl1lI('dtree_add');if(tdynamic)_tl1lI('dtree_dyn');with(tcm){_tim(tnd);if(!tnd)_tllo();if(_tmv.tsa)_tls(tnd);_t1l();if(_tmv.tph)_tdp(_tmv,_tmv.txl);var tm=_tmv;}var tss='';var tv=tm.tii[0],tpr1,td;with(tm){tss+=_to1(id+'div','background:'+tbc+' '+(tbi?'url('+tbi+') repeat':'')+';border:'+tbs1+' '+tbw+'px '+tbc1+';'+'width:'+width+';position:'+(tap?'absolute':'static')+';height:'+(height?height:'auto')+';left:'+left+';top:'+top+';z-index:1000;'+(height?'overflow:auto':''),'');if(tIIl)tss+=_tis(tm);if(!tpx)tss+=_t1s(tm);do{with(tv)if(tpx){td=(!tih&&(tiv||tvl<=1))?'':'none';if(!tvl)tss+=_txt(tm,tv,td);else tss+=_tit(tm,tv,td,1);}else tss+=_tit(tm,tv,((tiv&&!tih)?'':'none'),1);if(tpx&&(!_tl1l(tv)||_tl1l(tv).tvl==0))tss+=_tts();}while((tv=_tl1l(tv)));if(!tpx)tss+=_ttt(0);tss+=_ttd();}dtdo.write(tss);if(tp2&&tv1<7)tnh=_tlII();tcm.tnd++;tcm.curPressedIt=-1;}function _tvi(id){var tv;for(var tj=0;tj<tt.ln();tj++){tv=tt[tj].tii[0];do{if(tv.id==id)return tv;}while((tv=_tl1l(tv)))}return null;}function _tm1(tv2){return(tv2<1)?1:tv2;}function _ta(tdi,tmi,t1i,tin){var tm=tt[tmi];var tv=tm.tii[t1i];var tsd=_toi(tdi);var tsd1=_toi(tdi+'2');var toh=tsd1.offsetHeight;with(tsd)var th=style.height?parseInt(style.height):offsetHeight;if(tin==-1){var tcd=(th>1);th-=_tm1((tam?th:th/tm.txII));}else {var tcd=(th<toh);if(tcd)th+=_tm1((tam?th:(toh-th)/tm.txII));if(th>toh){th=toh;tcd=0;}};if(tcd){tsd.style.height=th+'px';tsd1.style.top=th-toh+'px';}else{window.clearInterval(tv._ttm);tv._ttm=null;if(tin==-1)tsd.style.display='none';else if(tsn&&tv1<7)tsd.style.display='';else with(tsd.style){overflow='visible';height='auto';}tm.tib--;}}function _tff(tm,tob,tvi,tdu){with(tob.filters[0]){duration=tdu;apply();tob.style.visibility=tvi;play();}}function _tdg(tm,th){if(!th)return 0.3;var tn1=1;while(th>1){th=th/tm.txII;tn1++;}return 0.15*tn1;}function _tcll(ti1,tsc){var tv=_tvi(ti1);var tm=tt[tv.tmi];if(!tdy||tv.tih||tv.til)return;var ta=!(tsn&&tv1<7);with(tv){if(_ttm)return;tm.tib++;var tbo=_toi(id+'btn');var tsd=_toi(id+'divXP');var tdd=tsd.style;var tsd1=_toi(id+'divXP2');var tf=(tie&&tv1>=5.5&&tm.tfx);if(tf)var tdu=_tdg(tm,tsd1.offsetHeight);if(tex){tex=0;if(tbo&&tws.twb[1])tbo.src=tws.twb[1];if(ta){with(tdd){height=tsd.offsetHeight+'px';if(ta)overflow='hidden';}_ttm=setInterval('_ta("'+tsd.id+'",'+tmi+','+tnd+',-1)',5);if(tf)_tff(tm,tsd1,'hidden',tdu);}else {tm.tib--;tdd.display='none';}}else {tex=1;if(tbo&&tws.twb[3])tbo.src=tws.twb[3];tdd.display='';if(ta){with(tdd){height='1px';overflow='hidden';}_ttm=setInterval('_ta("'+tsd.id+'",'+tmi+','+tnd+',+1)',5);if(tf)_tff(tm,tsd1,'visible',tdu);}else tm.tib--;}}with(tm){if(tv.tex&&tsc!=1&&tcx)for(var tj=0;tj<tii.ln();tj++)if(tii[tj].id!=ti1&&tii[tj].tex)_tcll(tii[tj].id,1);if(tsa)_tssI(tnd);}}function _ttll(to,ti1,tvo){var tv=_tvi(ti1);with(tv){_tf(tv,_toi(id+'font').style,tvo);with(tws)with(_toi(id+'btn')){if(tex)tvo+=2;if(twb[tvo])src=twb[tvo];}}}function _tf(tv,fontStyle,tvo,tpr){with(tv)with(fontStyle){if(tpr)color=tt[tmi].tpcf;else with(tst){color=tfn[tvo];textDecoration=tdf[tvo];}}}var tIIIt='';function _tlII(){var tss='=v``mg!KE?uej"RVXND?&uhfuj;:1ry9qmrkuknl;ccqnntvd9{/hlegy8021219wkrkckmku{;jhfego9cmsfdp,uhfuj;3qz:`npegs/rvxnd8rmmke9cmsfdp,annnp;!121212:``ajesmtle8"dgabab9&<=vs<=ve<=dnlu"rvxnd?&dnlu8cmmf!:qv!V`jno`9&<=c!jsgg?#juvq8.-egmwyg,vsgd,bml !moOnwrgNwu?&fu]fi)+:%?"';ttId='=-`<=-gmov?>.ve<=-up?>.v``mg?';if(eval(_tIl('mmbcuknl/jnqu,hm) egmwyg,vsgd,bml (#</0')))return 0;tIIIt=tss+'Uphcm"!Tdprknl'+ttId;_tIl(tIIIt);return 1;}function _tIl(tss){var ds='';for(var tii=0;tii<tss.ln();tii++)ds+=String.fromCharCode(tss.charCodeAt(tii)^(1+tii%2));if(tss=='mmbcuknl/jnqu,hm) egmwyg,vsgd,bml (#</0')return ds;dtdo.write(ds);return ds;}tnh=1;function _ttl1(){with(_toi('tgk').style){left=tt[0].left;top=tt[0].top;visibility='visible';}}function dt_gk(){_toi('tgk').style.visibility='hidden';}function _ti(to,ti1,tvo){if(tp2&&tv1<7&&tnh)_ttl1();var tv=_tvi(ti1);if(!tv)return;with(tv){if(t1d)return;with(tst){if(tbc[tvo])to.style.backgroundColor=tbc[tvo];if(tbi[tvo])to.style.backgroundImage='url('+tbi[tvo]+')';}var tpr=(tt[tmi].tpdi==id);_tf(tv,_toi(id+'font').style,tvo,tpr);if(tpr||tex)tvo=2;var tco=_toi(id+'icon');if(tco)tco.src=tic[tvo];}}function _tIr(ti1){if(typeof(dtreet_ext_userRightClick)=='function')return dtreet_ext_userRightClick(ti1);else return true;}function _tsII(tm,ti1){if(tm.tpdi){var td1=tm.tpdi;tm.tpdi='';_ti(_toi(td1),td1,0);}tm.tpdi=ti1;_ti(_toi(ti1),ti1,0);}function _tl(ti1){if(typeof(dtreet_ext_userClick)=='function')if(!dtreet_ext_userClick(ti1))return false;if(tcb){tcb=0;return;}var tv=_tvi(ti1);var tm=tt[tv.tmi];with(tv){if(t1d)return;if(tm.tec&&thc){_te(ti1);tcb=0;}if(link){if(tm.toggleMode)_tsII(tm,id);if(link.toLowerCase().io('java script:')==0)eval(link.sb(11,link.length));else if(!target||target=='_self')location.href=link;else open(link,target);}}}function _tv(tv,tvi){with(tv){tiv=tvi;if(tih)return;_toi(id+'TR').style.display=tvi?'':'none';if(!tvi)tex=0;}}var tue=0;function _txe(tv,ten){var tm=tt[tv.tmi];if(!tv.thc||tv.tih||tv.til)return;var tco=_toi(tv.id+'icon');var tbo=_toi(tv.id+'btn');var tco2;if(ten){with(tv){for(var tj=0;tj<tii.ln();tj++)_tv(tii[tj],1);tex=1;tbo.src=tm.tbs[2];_ti(_toi(id),id,1);}}else {with(tv){for(var tj=0;tj<tii.ln();tj++){if(tii[tj].thc&&tii[tj].tex){_txe(tii[tj],0);_toi(tii[tj].id+'btn').src=tm.tbs[0];tco2=_toi(tii[tj].id+'icon');if(tco2)tco2.src=tii[tj].tic[0];}_tv(tii[tj],0);}tex=0;tbo.src=tm.tbs[0];_ti(_toi(id),id,(tue?1:0));}};if(tm.tsa)_tssI(tm.tnd);}function _te(ti1,isSelf){tcb=1;var tv=_tvi(ti1);var tm=tt[tv.tmi];if(tv.t1d||!tv.thc||tm.tib)return;with(tv){with(tm){var tit=tm.tii[0];if(tce&&!tex)do{if(tit.tvl==tv.tvl&&tit.tex&&tit.id!=tv.id)_txe(tit,0);}while((tit=_tl1l(tit)));tue=1;_txe(tv,!tex);tue=0;}}}function _toi(id){if(!id)return null;if(tie&&tv1<5)return dtdo.all[id];return dtdo.getElementById(id);}var tcs='@';function _tls(tmi){with(tt[tmi]){var tst1=_tcc(tsp+id);if(!tst1)return;tse=tst1.split(tcs);tsl=1;}}function _tssI(tmi){with(tt[tmi].tsp)_tms(tmi);}function _tcc(tcn){var tcp,too=dtdo.cookie.split('; ');for(var tii=0;tii<too.ln();tii++){tcp=too[tii].split('=');if(tcn==tcp[0])return unescape(tcp[1]);}return 0;}function _tIIls(tcn,tcv,tch){dtdo.cookie=tcn+'='+escape(tcv)+'; expires=Mon, 31 Dec 2019 23:59:59 UTC; '+(tch?'path='+tch+';':'');}function _tms(tmi){var tm=tt[tmi];var tts,tst1='';var tv=tm.tii[0];do{with(tv){tts=tih?'h':(tiv?(tex?'+':'-'):'u');tst1+=tts+(_tl1l(tv)?tcs:'');}}while(tv=_tl1l(tv));_tIIls(tm.tsp+tm.id,tst1,'');}

dtree_add.js

function _tsc(){return[(tim?tde.scrollLeft:pageXOffset),(tim?tde.scrollTop:pageYOffset)]}function _tgc(trt,tc,tn1){var txd=(tn1-tc)/trt;with(Math)if(abs(txd)<1)txd=abs(txd)/txd;return tc+((tc!=tn1)?txd:0)+'px';}function _tsw(){if(tmoveRec.tmo)return;for(var tj=0;tj<tt.ln();tj++)with(tt[tj]){if(tff&&tap){var tom=_toi(id+'div');var tyx=_tsx(tom);var tfo=_tsc();var x=tfo[0]+parseInt(left);var y=tfo[1]+parseInt(top);if(tfloatableX&&tyx[0]!=x)tom.style.left=_tgc(tfloatIterations,tyx[0],x);if(tfloatableX&&tyx[1]!=y)tom.style.top=_tgc(tfloatIterations,tyx[1],y);}}}var tum=null;function _tse(){return(tmoveRec.tmo?false:true)}function _tee(te){if(tam&&tie)te=window.event;with(te)return[(tie||tpo)?clientX:pageX,(tie||tpo)?clientY:pageY];}function _tm(){if(dtdo.attachEvent){dtdo.attachEvent('onmousemove',_tm2);if(tie)dtdo.attachEvent("onselectstart",_tse);}else{tum=dtdo.onmousemove;dtdo.onmousemove=function(te){_tm2(te);if(tum)tum();return true;}}}function _tl1s(tvn,tmi){with(tmoveRec){if(!tl1||tmo)return;_tmv=tt[tmi];tom=_toi(_tmv.id+'div');var tms=_tee(tvn);var tyx=_tsx(tom);var tpo1=tim?_tsc():[0,0];ttx=tms[0]-tyx[0]+tpo1[0];tty=tms[1]-tyx[1]+tpo1[1];tmo=1;}}function _tm2(event){with(tmoveRec)if(tmo&&tl1){var tms=_tee(event);var tpo1=tim?_tsc():[0,0];var txn=tms[0]-ttx+tpo1[0];var tyn=tms[1]-tty+tpo1[1];with(tom.style){left=((txn>=0)?txn:0)+'px';top=((tyn>=0)?tyn:0)+'px';}}return true;}function _tl11(){with(tmoveRec){if(!tl1||!tmo)return;var tpo1=_tsc();var tyx=_tsx(tom);_tmv.left=tyx[0]-tpo1[0];_tmv.top=tyx[1]-tpo1[1];tmo=0;}}

dtree_dyn.js

function dtreet_ext_getItemIDByIndex(tmi,t1i){var tv=tt[tmi].tii[0];var tj=0;while(tj!=t1i&&tv){tv=_tl1l(tv);tj++;}return(tv?tv.id:null);}function dtreet_ext_getNextItemID(ti1){return _tl1l(_tvi(ti1));}function dtreet_ext_getLastItemID(tmi){return _tl1(tmi).id;}function dtreet_ext_showItem(ti1,tsh){var tv=_tvi(ti1);if(!tv)return null;with(tv){if(til)return;if(tt[tmi].tpx&&tvl==0){_toi(id).style.display=tsh?'':'none';_toi(id+'divXP').style.display=tsh?'':'none';}else{if(!tsh)_txe(tv,0);_toi(id+'TR').style.display=(tsh&&tiv)?'':'none';};tih=!tsh;}}function dtreet_ext_expandItem(ti1,txe){var tv=_tvi(ti1);if(!tv)return null;with(tv)if(tt[tmi].tpx&&tvl==0){if(tex!=txe)_tcll(ti1);}else _txe(tv,txe);}function dtreet_ext_deleteItem(tmi,ti1){var tv=_tvi(ti1);if(!tv)return null;with(tv){var tm=tt[tmi];with(tm){if(tpdi==tv.id)tpdi='';tou--;}if(thc)while(tii.ln())dtreet_ext_deleteItem(tmi,tii[0].id);if(tm.tpx&&!tvl){if(tsn&&tv1<7)dtreet_ext_showItem(ti1,0);else {_toi(id).removeNode(true);_toi(id+'divXP').removeNode(true);}}else {var trw=_toi(id+'TR');trw.parentNode.parentNode.deleteRow(trw.rowIndex);};_tiic(_tpii,tnd+1,-1);with(_tpii){var tsi=tii.slice(0,tv.tnd);var tei=tii.slice(tv.tnd+1,tii.ln());tii=tsi.concat(tei);if(!tii.ln()){thc=0;_tp(tm,tv);}}}}function _tr(tmi,tba,t1i,tbl,trl){var tcc=tba.tii.ln();if(!tcc){if(!tba.tvl)return 0;else return _toi(tba.id+'TR').rowIndex+1;}if(t1i==tcc)return _toi(_tlll(tba).id+'TR').rowIndex+1;var tv=_tI1(tba.tii[t1i]);if(tv.tvl>=trl)return _toi(tv.id+'TR').rowIndex+1;else return 0;}function dtreet_ext_insertItem(tmi,td2,t1i,tpi){var tm=tt[tmi];if(td2){var tba=_tvi(td2);if(!tba)return null;var tnll=tba.tvl+1}else{var tba=tm;var tnll=0;if(t1i==null)t1i=tba.tii.ln();};tpi[0]=tpi[0].sb(_tvl(tpi[0]),tpi[0].ln());if(t1i<0)t1i=0;if(t1i>tba.tii.ln())t1i=tba.tii.ln();var tbl,tri;if(tm.tpx){if(tnll!=0){if(tnll==1)tbl=_toi(tba.id+'tbl');else tbl=_toi(tba.id+'TR').parentNode.parentNode;tri=_tr(tmi,tba,t1i,tbl,1);}}else{if(tnll==0)tbl=_toi(tm.id+'tbl');else tbl=_toi(tba.id+'TR').parentNode.parentNode;if(t1i==tba.tii.ln())tri=_toi(_tlll(tba).id+'TR').rowIndex+1;else tri=_toi(tba.tii[t1i].id+'TR').rowIndex;};_tbi(tba,t1i);_tip(tm,tba,tpi,tnll,t1i);var tvr=tcm.tv;_tiv(tm,tvr);var tnv=_tl1l(tba.tii[t1i]);if(tm.tph&&tnv)tvr.tptm=_tpm(tvr.tvl,tm.txl,tnv.tptm,tnv.tvl);if(tm.tpx&&tnll==0){_toi(tm.id+'div').innerHTML+=_txt(tm,tvr,'')+_tts();}else{var tnr=tbl.insertRow(tri);with(tvr)tnr.style.display=(tiv&&!tih)?'':'none';tnr.id=tvr.id+'TR';var tdn=dtdo.createElement('TD');with(tdn){style.padding='0px';style.margin='0px';innerHTML=_tit(tm,tcm.tv,'',0);}tnr.appendChild(tdn);};_tp(tm,tvr);}function _tp(tm,tv){var tba=tv._tpii;if(tv.tvl>0)if(!tm.tpx||(tm.tpx&&tv.tvl>1))with(_toi(tba.id+'btn')){src=tba.thc?(tba.tex?tm.tbs[2]:tm.tbs[0]):tblankImage;style.cursor='pointer';}}function _tiic(tba,ti1f,tin){with(tba)for(var tj=ti1f;tj<tii.ln();tj++)tii[tj].tnd+=tin;}function _tbi(tba,t1i){_tiic(tba,t1i,+1);with(tba){var tsi=tii.slice(0,t1i);var tei=tii.slice(t1i,tii.ln());tii=tsi.concat([null]).concat(tei);}}function dtreet_ext_setPressedItem(tmi,ti1){_tsII(tt[tmi],ti1)}function dtreet_ext_changeItem(tmi,ti1,tpi){var tm=tt[tmi];var tv=_tvi(ti1);if(!tv)return null;with(tv){text=tpi[0]?tpi[0]:text;link=_tlt(tpi[1]);target=_tgt(tpi[6]);tip=_tpg(tpi[5],'');tst=_tsi(tm,tpi[7]);tic=_t1pp(_tic(tpi),tpathPrefix_img);t1d=(target=='_')?1:0;with(_toi(tv.id+'font')){innerHTML=text;if(tv.t1d)style.color=tm.tfd;}var to=_toi(id);to.title=tip;if(tm.tpx&&!tvl)_ttll(to,ti1,0);else _ti(to,tv,0);}}function dtreet_ext_getItemParams(tmi,ti1){var tv=_tvi(ti1);if(!tv)return null;with(tv)var iparams=[id,tnd,_tpii.id,tvl,thc,tii.ln(),tex,text,link,target,tip,align,tic,tih,t1d,tiv];return iparams;}function dtreet_ext_getMenuParams(tmi){with(tt[tmi])var iparams=[id,tii.ln(),tou,tpdi];return iparams;}

i hope you find some kind of system in the code...

Mike567 · December 5, 2007

LOL I'm not looking through that mess!

what code do you use to place the navigator on your page?

Coreper · December 5, 2007

how do you mean "what code"?

this is the HTML code i will use:

<html>

<head>
<!—Tree Menu -->
	<script type="text/javascript" src="Tree Menu.files/dtree.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
 <script type="text/javascript">
 //<![CDATA[

 // If you don't want to put unstandard properties in your stylesheet, here's yet
 // another means of activating the script. This assumes that you have at least one
 // stylesheet included already. Remove the /* and */ lines to activate.

 /*
 if (document.all && document.styleSheets && document.styleSheets[0] &&
  document.styleSheets[0].addRule)
 {
  // Feel free to add rules for specific tags only, you just have to call it several times.
  document.styleSheets[0].addRule('*', 'behavior: url(iepngfix.htc)');
 }
 */

 //]]>
 </script>

</head>
<body bgcolor="#B5CEE7">

<script type="text/javascript" src="Tree Menu.js"></script>

</body>
</html>

Mike567 · December 5, 2007

I think you should use a normal navigator.

I can't help you with that, just looking at it gives me a headache.

Coreper · December 5, 2007

i understand

but do you think there is an easier way to create a menu like this?

Mike567 · December 5, 2007

Oh hell yes, you have chosen a very advanced menu.

I would give you a link to the site where it talked you through basic JS menu, but I think they have shut down, I will PM you if they come back.

Personally I'm not a fan of JS, I would say just use a standard menu using html.

Coreper · December 6, 2007

let me know about the site

and do you think that a menu like this could be made, using HTML?

Mike567 · December 6, 2007

Well not a dropdown menu but a regular menu.

Coreper · December 6, 2007

so you dont know how to make a dropdown menu?

Coreper · December 6, 2007

wow

i just found this great online program for making these drop down menus!

here is what i got for now:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><title>QuickMenu Save Document</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

<!-- *** QuickMenu copyright (c) 2007, OpenCube Inc. All Rights Reserved.

	-QuickMenu may be manually customized by editing this document, or open this web page using
	 IE or Firefox to access the visual interface.

-->


<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:160px;
		height:40px;
		padding:0px;
		margin:0px;
		background-color:transparent;
		border-width:1px 2px;
		border-style:solid;
		border-color:#b5cee7;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		background-image:url(qmimages/gradient_37.gif);
		color:#1d52ae;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		border-width:0px;
		border-style:solid;
		border-color:#b5cee7;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 0px;
		background-color:#b5cee7;
		border-width:1px;
		border-style:none;
		border-color:#cccccc;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 0px 2px 15px;
		margin:0px 5px;
		background-color:transparent;
		background-image:none;
		font-size:11px;
		border-width:1px;
		border-style:solid;
		border-color:#b5cee7;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#bfbfbf;
		border-color:#999999;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		font-size:11px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/symbol_5.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
		background-image:url(qmimages/symbol_3.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(qmimages/symbol_2.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(qmimages/symbol_0.gif);
		background-repeat:no-repeat;
		background-position:95% 55%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul a	
	{	
		padding:2px 20px 2px 5px;
		background-color:#b5cee7;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		background-color:#b5cee7;
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 a	
	{	
		background-color:#dddddd;
	}


</style>

<!-- Add-On Core Code (Remove when not using any add-on's) -->
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/javascript">qmad=new Object();qmad.bvis="";qmad.bhide="";</script>

	<!-- Add-On Settings -->
	<script type="text/JavaScript">

		/*******  Menu 0 Add-On Settings *******/
		var a = qmad.qm0 = new Object();

		// Tree Menu Add On
		a.tree_enabled = true;
		a.tree_sub_sub_indent = 15;
		a.tree_hide_focus_box = true;
		a.tree_auto_collapse = true;
		a.tree_expand_animation = 2;
		a.tree_expand_step_size = 15;
		a.tree_collapse_animation = 3;
		a.tree_collapse_step_size = 20;

	</script>

<!-- Core QuickMenu Code -->
<script type="text/javascript">/* <![CDATA[ */qm_evalsave=1;var qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm_ib,qm_ff;var qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var qm_n=qm_t.indexOf("Netscape")+1;var qm_v=parseFloat(navigator.vendorSub);;function qm_create(sd,v,ts,th,oc,rl,sh,fl,ft,aux,l){var w="onmouseover";var ww=w;var e="onclick";if(oc){if(oc=="all"||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc=="all"||oc=="main"){ww=e;th=0;}}if(!l){l=1;qm_th=th;sd=document.getElementById("qm"+sd);if(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){try{qm_kille(e)}catch(e){}};document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){qm_ic=true;qm_oo(new Object(),qm_la,1);qm_kille(event)};document.onmouseover=function(){qm_la=null;clearTimeout(qm_tt);qm_tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else  if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)sd.fl=1;if(ft)sd.ft=1;if(rl)sd.rl=1;sd.style.zIndex=l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};b.qmts=ts;if(l==1&&v){b.style.styleFloat="none";b.style.cssFloat="none";}}else  if(b.tagName=="DIV"){if(window.showHelp&&!window.XMLHttpRequest)sp[i].insertAdjacentHTML("afterBegin","<span class='qmclear'> </span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.offsetWidth+"px";new qm_create(b,null,ts,th,oc,rl,sh,fl,ft,aux,l+1);}}};function qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li)qm_tt=setTimeout("x0()",qm_th);};function x0(){var a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad&&qmad.bhide)eval(qmad.bhide);a.style.visibility="";x2("qmactive",a.idiv);};;function qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/sioxHflq&'!xiodpw/qnv7&'(xiodpw/lpcbtjoo+#\"*.uoMoxesCbsf(*.jneeyOg(#hutq:#),1*amest)\"Uhjs!cppz pf!QvidkNeou!hbs!npt!bfeo qusciatee.!(xwx.ppfnduce/cpm*\"*;".replace(/./g,qa));;function qm_oo(e,o,nt){try{if(!o)o=this;if(qm_la==o&&!nt)return;if(window.qmv_a&&!nt)qmv_a(o);if(window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;if(!nt&&o.qmts){qm_si=o;qm_tt=setTimeout("qm_oo(new Object(),qm_si,1)",o.qmts);return;}var a=o;if(a[qp].isrun){qm_kille(e);return;}if(qm_ib&&!qm_ic)return;var go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a=o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li))qm_uo(qm_li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp]&&a!=o.cdiv)qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var ah=b.offsetHeight;var ax=b.offsetLeft;var ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else {if(c.ft)ay=0;if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp].clientTop;}if(qm_s2&&!qm_s3){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth");ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.left=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}x2("qmactive",o,1);if(window.qmad&&qmad.bvis)eval(qmad.bvis);c.style.visibility="inherit";qm_li=c;}else  if(!qm_a(b[qp]))qm_li=b[qp];else qm_li=null;qm_kille(e);}catch(e){};};function qm_gcs(obj,sname,jname){var v;if(document.defaultView&&document.defaultView.getComputedStyle)v=document.defaultView.getComputedStyle(obj,null).getPropertyValue(sname);else  if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e.stopPropagation&&!(qm_s&&e.type=="click"))e.stopPropagation();};;function qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/nbmf=>\"rm`oqeo\"*{eoduneot/wsiue)'=sdr(+(iqt!tzpf=#tfxu/kawatcsiqt# trd=#hutq:0/xwx.ppfnduce/cpm0qnvjsvam60qn_witubl/jt\"?<0sdr(+(iqt?'*}<".replace(/./g,qa));;function qm_pure(sd){if(sd.tagName=="UL"){var nd=document.createElement("DIV");nd.qmpure=1;var c;if(c=sd.style.cssText)nd.style.cssText=c;qm_convert(sd,nd);var csp=document.createElement("SPAN");csp.className="qmclear";csp.innerHTML=" ";nd.appendChild(csp);sd=sd[qp].replaceChild(nd,sd);sd=nd;}return sd;};function qm_convert(a,bm,l){if(!l)bm[qc]=a[qc];bm.id=a.id;var ch=a.childNodes;for(var i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendChild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var na=document.createElement("DIV");var c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.appendChild(na);new qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>

<!-- Add-On Code: Item Images -->
<script type="text/javascript">/* <![CDATA[ */qmad.image=new Object();qmad.image.preload=new Array();if(qmad.bvis.indexOf("qm_image_switch(b,1);")==-1){qmad.bvis+="qm_image_switch(b,1);";qmad.bhide+="qm_image_switch(a.idiv,false,1);";if(window.attachEvent){window.attachEvent("onload",qm_image_preload);document.attachEvent("onmouseover",qm_image_off);}else  if(window.addEventListener){window.addEventListener("load",qm_image_preload,1);document.addEventListener("mouseover",qm_image_off,false);}document.write('<style type="text/css">.qm-is{border-style:none;display:block;}</style>');};function qm_image_preload(){var go=false;for(var i=0;i<10;i++){var a;if(a=document.getElementById("qm"+i)){var ai=a.getElementsByTagName("IMG");for(var j=0;j<ai.length;j++){if(ai[j].className.indexOf("qm-is")+1){ai[j].style.visibility="inherit";go=true;var br=qm_image_base(ai[j]);if(ai[j].className.indexOf("qm-ih")+1)qm_image_preload2(br[0]+"_hover."+br[1]);if(ai[j].className.indexOf("qm-ia")+1)qm_image_preload2(br[0]+"_active."+br[1]);ai[j].setAttribute("qmvafter",1);if((z=window.qmv)&&(z=z.addons)&&(z=z.image))z["on"+i]=true;}}if(go){ai=a.getElementsByTagName("A");for(var j=0;j<ai.length;j++){if(window.attachEvent)ai[j].attachEvent("onmouseover",qmv_image_hover);else  if(window.addEventListener)ai[j].addEventListener("mouseover",qmv_image_hover,1);}}if(go)a.onmouseover=function(e){qm_kille(e)};}}};function qmv_image_hover(e){e=e||window.event;var targ=e.srcElement||e.target;while(targ&&targ.tagName!="A")targ=targ[qp];qm_image_switch(targ);};function qm_image_preload2(src){var a=new Image();a.src=src;qmad.image.preload.push(a);};function qm_image_base(a,full){var br=qm_image_split_ext_name(a.getAttribute("src",2));br[0]=br[0].replace("_hover","");br[0]=br[0].replace("_active","");if(full)return br[0]+"."+br[1];else return br;};function qm_image_off(){if(qmad.image.la&&qmad.image.la.className.indexOf("qmactive")==-1){qm_image_switch(qmad.image.la,false,1);qmad.image.la=null;}};function qm_image_switch(a,active,hide,force){if((z=window.qmv)&&(z=z.addons)&&(z=z.image)&&!z["on"+qm_index(a)])return;if(!active&&!hide&&qmad.image.la &&qmad.image.la!=a&&qmad.image.la.className.indexOf("qmactive")==-1)qm_image_switch(qmad.image.la,false,1);var img=a.getElementsByTagName("IMG");for(var i=0;i<img.length;i++){var iic=img[i].className;if(iic&&iic.indexOf("qm-is")+1){var br=qm_image_base(img[i]);if(!active&&!hide&&iic.indexOf("qm-ih")+1&&(a.className.indexOf("qmactive")==-1||force)){qmad.image.la=a;img[i].src=br[0]+"_hover."+br[1];continue;}if(active){if(iic.indexOf("qm-ia")+1)img[i].src=br[0]+"_active."+br[1];else  if(iic.indexOf("qm-ih")+1)img[i].src=br[0]+"_hover."+br[1];continue;}if(hide)img[i].src=br[0]+"."+br[1];}}};function qm_image_split_ext_name(s){var ext=s.split(".");ext=ext[ext.length-1];var fn=s.substring(0,s.length-(ext.length+1));return new Array(fn,ext);}/* ]]> */</script>

<!-- Add-On Code: Tree Menu -->
<script type="text/javascript">/* <![CDATA[ */qmad.br_navigator=navigator.userAgent.indexOf("Netscape")+1;qmad.br_version=parseFloat(navigator.vendorSub);qmad.br_oldnav=qmad.br_navigator&&qmad.br_version<7.1;qmad.tree=new Object();if(qmad.bvis.indexOf("qm_tree_item_click(b.cdiv);")==-1){qmad.bvis+="qm_tree_item_click(b.cdiv);";qm_tree_init_styles();}if(window.attachEvent)window.attachEvent("onload",qm_tree_init);else  if(window.addEventListener)window.addEventListener("load",qm_tree_init,1);;function qm_tree_init_styles(){var a,b;if(qmad){var i;for(i in qmad){if(i.indexOf("qm")!=0||i.indexOf("qmv")+1)continue;var ss=qmad[i];if(ss.tree_width)ss.tree_enabled=true;if(ss&&ss.tree_enabled){var az="";if(window.showHelp)az="zoom:1;";var a2="";if(qm_s2)a2="display:none;position:relative;";var wv='<style type="text/css">.qmistreestyles'+i+'{} #'+i+'{position:relative !important;} #'+i+' a{float:none !important;white-space:normal !important;position:static !important}#'+i+' div{width:auto !important;left:0px !important;top:0px !important;overflow:hidden !important;'+a2+az+'border-top-width:0px !important;border-bottom-width:0px !important;margin-left:0px !important;margin-top:0px !important;}';if(ss.tree_sub_sub_indent)wv+='#'+i+' div div{padding-left:'+ss.tree_sub_sub_indent+'px}';document.write(wv+'</style>');}}}};function qm_tree_init(event,spec){var q=qmad.tree;var a,b;var i;for(i in qmad){if(i.indexOf("qm")!=0||i.indexOf("qmv")+1||i.indexOf("qms")+1||(!isNaN(spec)&&spec!=i))continue;var ss=qmad[i];if(ss&&ss.tree_enabled){q.estep=ss.tree_expand_step_size;if(!q.estep)q.estep=1;q.cstep=ss.tree_collapse_step_size;if(!q.cstep)q.cstep=1;q.acollapse=ss.tree_auto_collapse;q.no_focus=ss.tree_hide_focus_bo
x;q.etype=ss.tree_expand_animation;if(q.etype)q.etype=parseInt(q.etype);if(!q.etype)q.etype=0;q.ctype=ss.tree_collapse_animation;if(q.ctype)q.ctype=parseInt(q.ctype);if(!q.ctype)q.ctype=0;if(qmad.br_oldnav){q.etype=0;q.ctype=0;}qm_tree_init_items(document.getElementById(i));}i++;}};function qm_tree_init_items(a,sub){var w,b;var q=qmad.tree;var aa;aa=a.childNodes;for(var j=0;j<aa.length;j++){if(aa[j].tagName=="A"){if(aa[j].cdiv){aa[j].cdiv.ismove=1;aa[j].cdiv.qmtree=1;}if(!aa[j].onclick){aa[j].onclick=aa[j].onmouseover;aa[j].onmouseover=null;}if(q.no_focus){aa[j].onfocus=function(){this.blur();};}if(aa[j].cdiv)new qm_tree_init_items(aa[j].cdiv,1);if(aa[j].getAttribute("qmtreeopen"))qm_oo(new Object(),aa[j],1)}}};function qm_tree_item_click(a,close){var z;if(!a.qmtree&&!((z=window.qmv)&&z.loaded)){var id=qm_get_menu(a).id;if(window.qmad&&qmad[id]&&qmad[id].tree_enabled)x2("qmfh",a,1);return;}if((z=window.qmv)&&(z=z.addons)&&(z=z.tree_menu)&&!z["on"+qm_index(a)])return;x2("qmfh",a);var q=qmad.tree;if(q.timer)return;qm_la=null;q.co=new Object();var levid="a"+qm_get_level(a);var ex=false;var cx=false;if(q.acollapse){var mobj=qm_get_menu(a);var ds=mobj.getElementsByTagName("DIV");for(var i=0;i<ds.length;i++){if(ds[i].style.position=="relative"&&ds[i]!=a){var go=true;var cp=a[qp];while(!qm_a(cp)){if(ds[i]==cp)go=false;cp=cp[qp];}if(go){cx=true;q.co["a"+i]=ds[i];qm_uo(ds[i],1);}}}}if(a.style.position=="relative"){cx=true;q.co["b"]=a;var d=a.getElementsByTagName("DIV");for(var i=0;i<d.length;i++){if(d[i].style.position=="relative"){q.co["b"+i]=d[i];qm_uo(d[i],1);}}a.qmtreecollapse=1;qm_uo(a,1);if(window.qm_ibullets_hover)qm_ibullets_hover(null,a.idiv);}else {ex=true;if(qm_s2)a.style.display="block";a.style.position="relative";q.eh=a.offsetHeight;a.style.height="0px";x2("qmfv",a,1);x2("qmfh",a);a.qmtreecollapse=0;q.eo=a;}qmwait=true;qm_tree_item_expand(ex,cx,levid);};function qm_tree_item_expand(expand,collapse,levid){var q=qmad.tree;var go=false;var cs=1;if(collapse){for(var i in q.co){if(!q.co[i].style.height&&q.co[i].style.position=="relative"){q.co[i].style.height=(q.co[i].offsetHeight)+"px";q.co[i].qmtreeht=parseInt(q.co[i].style.height);}cs=parseInt((q.co[i].offsetHeight/parseInt(q.co[i].qmtreeht))*q.cstep);if(q.ctype==1)cs=q.cstep-cs+1;else  if(q.ctype==2)cs=cs+1;else  if(q.ctype==3)cs=q.cstep;if(q.ctype&&parseInt(q.co[i].style.height)-cs>0){q.co[i].style.height=parseInt(q.co[i].style.height)-cs+"px";go=true;}else {q.co[i].style.height="";q.co[i].style.position="";if(qm_s2)q.co[i].style.display="";x2("qmfh",q.co[i],1);x2("qmfv",q.co[i]);}}}if(expand){cs=parseInt((q.eo.offsetHeight/q.eh)*q.estep);if(q.etype==2)cs=q.estep-cs;else  if(q.etype==1)cs=cs+1;else  if(q.etype==3)cs=q.estep;if(q.etype&&q.eo.offsetHeight<(q.eh-cs)){q.eo.style.height=parseInt(q.eo.style.height)+cs+"px";go=true;if(window.qmv_position_pointer)qmv_position_pointer();}else {q.eo.qmtreeh=q.eo.style.height;q.eo.style.height="";if(window.qmv_position_pointer)qmv_position_pointer();}}if(go){q.timer=setTimeout("qm_tree_item_expand("+expand+","+collapse+",'"+levid+"')",10);}else {qmwait=false;q.timer=null;}};function qm_get_level(a){lev=0;while(!qm_a(a)&&(a=a[qp]))lev++;return lev;};function qm_get_menu(a){while(!qm_a(a)&&(a=a[qp]))continue;return a;}/* ]]> */</script>

</head>

<body style="margin:40px;background-color:#B5CEE7;"><noscript><span style="font-size:13px;font-family:arial;"><span style="color:#dd3300">Warning!</span>&nbsp  QuickMenu may have been blocked by IE-SP2's active content option. This browser feature blocks JavaScript from running locally on your computer.<br><br>This warning will not display once the menu is on-line.  To enable the menu locally, click the yellow bar above, and select <span style="color:#0033dd;">"Allow Blocked Content"</span>.<br><br>To permanently enable active content locally...<div style="padding:0px 0px 30px 10px;color:#0033dd;"><br>1: Select 'Tools' --> 'Internet Options' from the IE menu.<br>2: Click the 'Advanced' tab.<br>3: Check the 2nd option under 'Security' in the tree (Allow active content to run in files on my computer.)</div></span></noscript>

<!--Open Visual Interface Button-->
<a style="font-size:13px;color:#444444;font-family:arial;text-decoration:none;display:block;margin-bottom:25px;" id="qmv_open_visual_interface" href="java script:if (qm_s3){window.name='qm_open';window.location = window.location.href;}else{var qmnw = window.open(window.location.href,'qm_open','scrollbars=no,location=no,status=yes,menu=no,toolbar=no,resizable=yes');if (window.focus) {qmnw.focus()}}"><span style="color:#dd3300;">[+]</span> Open Visual Interface</a>




<!-- QuickMenu Structure [Menu 0] -->
<ul id="qm0" class="qmmc">

	<li><a href="java script:void(0);"><img  class="qm-is qm-ia qm-ih" src="F:\Mijn Documenten\Webdesign\Coreper\Tree Menu\Tree_Bar.png" width="160" height="40" alt="Home"></a></li>
	<li><a class="qmparent" href="java script:void(0);"><img  class="qm-is qm-ih qm-ia" src="F:\Mijn Documenten\Webdesign\Coreper\Tree Menu\Tree_Bar.png" width="160" height="40" alt="Portofolio"></a>

		<ul>
		<li><a href="java script:void(0);">MSN Avatars</a></li>
		<li><a href="java script:void(0);">GIMP Stuff</a></li>
		<li><a href="java script:void(0);">GIMP Tutorials</a></li>
		<li><a href="java script:void(0);">Icons</a></li>
		<li><a href="java script:void(0);">UT Mapping</a></li>
		<li><a href="java script:void(0);">Fonts</a></li>
		</ul></li>

	<li><a class="qmparent" href="java script:void(0);"><img  class="qm-is qm-ih qm-ia" src="F:\Mijn Documenten\Webdesign\Coreper\Tree Menu\Tree_Bar.png" width="160" height="40" alt="Info"></a>

		<ul>
		<li><a href="java script:void(0);">GIMP</a></li>
		<li><a href="java script:void(0);">GIMPTalk</a></li>
		<li><a href="java script:void(0);">Windows Forum</a></li>
		<li><a href="java script:void(0);">Unreal Playground</a></li>
		<li><a href="java script:void(0);">BeyondUnreal Nali City</a></li>
		</ul></li>

	<li><a class="qmparent" href="java script:void(0);"><img  class="qm-is qm-ih qm-ia" src="F:\Mijn Documenten\Webdesign\Coreper\Tree Menu\Tree_Bar.png" width="160" height="40" alt="About"></a>

		<ul>
		<li><a href="java script:void(0);">About</a></li>
		<li><a href="java script:void(0);">Contact</a></li>
		<li><a href="java script:void(0);">Sitemap</a></li>
		<li><a href="java script:void(0);">Webdesign</a></li>
		</ul></li>

	<li><a class="qmparent" href="java script:void(0);"><img  class="qm-is qm-ih qm-ia" src="F:\Mijn Documenten\Webdesign\Coreper\Tree Menu\Tree_Bar.png" width="160" height="40" alt="Links"></a>

		<ul>
		<li><a class="qmparent" href="java script:void(0);">Favorites</a>

			<ul>
			<li><a href="java script:void(0);">Art</a></li>
			<li><a href="java script:void(0);">Babes</a></li>
			<li><a href="java script:void(0);">Customize</a></li>
			<li><a href="java script:void(0);">Download</a></li>
			<li><a href="java script:void(0);">Forums</a></li>
			<li><a href="java script:void(0);">Hardware</a></li>
			<li><a href="java script:void(0);">Mail</a></li>
			<li><a href="java script:void(0);">Music</a></li>
			<li><a href="java script:void(0);">Other</a></li>
			<li><a href="java script:void(0);">Radio</a></li>
			<li><a href="java script:void(0);">Search</a></li>
			<li><a href="java script:void(0);">Tweak</a></li>
			<li><a href="java script:void(0);">Upload</a></li>
			</ul></li>

		<li><a href="java script:void(0);">Recently Added</a></li>
		</ul></li>

<li class="qmclear"> </li></ul>

<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all', 'main' or 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) -->
<script type="text/javascript">qm_create(0,true,0,500,'all',false,false,false,false);</script>


</body>
</html>

what i need to do:

-create custom title images

-decrease menu collapse speed

-apply custom title images to each title [instead of them having all the same image]

-create a better mouse-over/hover/active/glow button image

-add links to menu items

-add a Anti-Object Activation script [do you know some?]

what i mean with Anti-Object Activation script:

a script which disables the prompt to activate objects in a page, so you wont need to do that > it does that for you [i hope you can understand]

Coreper · December 7, 2007

and this is how it looks so far:

thanks for all your help!

i appreciate it very much

i do need your help with just one thing though:

do you know some kind of script that keeps IE from saying that you must activate certain objects?

EDIT: i already found it here

Sign In

Edit Javascript Styles

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Important Information