/********************************************************************************Copyright (C) 1999 Thomas BrattliThis script is made by and copyrighted to Thomas Brattli at www.bratta.comVisit for more great scripts. This may be used freely as long as this msg is intact!I will also appriciate any links you could give me.********************************************************************************///Default browsercheck, added to all scripts!function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf(“MSIE 5”)>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; //added this.ie4mac=this.ie4 && navigator.userAgent.indexOf(“Mac”)>-1 this.ie5mac=this.ie5 && navigator.userAgent.indexOf(“Mac”)>-1 this.ie55=(this.ver.indexOf(“MSIE 5.5”)>-1 && this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5 || this.ie5mac) return this}bw=new checkBrowser()if (parseInt(navigator.appVersion) == 5 && navigator.userAgent.indexOf(“Netscape”)) { alert(“You must use another version of Netscape to use this feature!”)}/**************************************************************************Variables to set.***************************************************************************///Updated: Added left and top variables.sLeft=10 //The left placement of the menusTop=210 //The top placement of the menu//The height of the menusMenuheight=600//Width of the arrowssArrowwidth=26//Scroll speed: (in milliseconds, change this one and the next variable to change the speed)sScrollspeed=100//Pixels to scroll per timeout.sScrollPx=50/**************************************************************************Scrolling functions***************************************************************************/var tim=0var noScroll=truefunction mLeft(){ if(!noScroll && oMenu.x-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){ oMenu.moveBy(-sScrollPx,0) tim=setTimeout(“mRight()”,sScrollspeed) }}function noMove(){clearTimeout(tim); noScroll=true}/**************************************************************************Object part***************************************************************************/function makeObj(obj,nest,menu){ nest=(!nest) ? ”:’document.’+nest+’.’ this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+”document.layers.” +obj):0; this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+”document.layers.” +obj):0; this.scrollWidth=bw.ns4?this.css.document.width:this.evnt.offsetWidth this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.pixelLeft; this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.pixelTop; this.moveBy=b_moveBy; this.moveIt=b_moveIt; this.showIt=b_showIt;this.clipTo=b_clipTo; return this}function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x; this.css.top=this.y}function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}function b_clipTo(t,r,b,l){ if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l }else this.css.clip=”rect(“+t+”,”+r+”,”+b+”,”+l+”)”;}function b_showIt(){this.css.visibility=”visible”}/**************************************************************************Object part end***************************************************************************//**************************************************************************Init function. Set the placements of the objects here.***************************************************************************/function sideInit(){ //Width of the menu, Currently set to the width of the document. //If you want the menu to be 500px wide for instance, just //set the the pageWidth=500 in stead. pageWidth=600 //(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-20; oBg=new makeObj(‘divBg’) oMenu=new makeObj(‘divMenu’,’divBg’,1) oArrowRight=new makeObj(‘divArrowRight’,’divBg’) //Placement oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs. oMenu.moveIt(sArrowwidth,30) oArrowRight.moveIt(pageWidth-sArrowwidth,9) //setting the width and the visible area of the links. if(bw.dom || bw.ie4){ oBg.css.width=pageWidth; oBg.css.overflow=”hidden” } oBg.clipTo(0,pageWidth,sMenuheight,0)}//executing the init function on pageload.onload=sideInit;
<!– //Pop up information box II (Mike McGrath ([email protected], http://website.lineone.net/~mike_mcgrath))//Permission granted to Dynamicdrive.com to include script in archive//For this and 100's more DHTML scripts, visit http://dynamicdrive.com Xoffset=-60; // modify these values to …Yoffset= 20; // change the popup position. var old,skn,iex=(document.all),yyy=-1000; var ns4=document.layersvar ns6=document.getElementById&&!document.allvar ie4=document.all if (ns4)skn=document.dekelse if (ns6)skn=document.getElementById("dek").styleelse if (ie4)skn=document.all.dek.styleif(ns4)document.captureEvents(Event.MOUSEMOVE);else{skn.visibility="visible"skn.display="none"}document.onmousemove=get_mouse; function popup(msg,bak){var content="| “+msg+” |
   if(document.all)document.styleSheets(0).addRule(“TD.clInfo”, “font-size:11px”); |
= mouseover explanation
= pop-up sidebar
Timeline IntroductionRelated Articles
- Timeline: Java in Retrospect
- Six Years and Counting: Developers Weigh in on the State of the Java Market
- Judging Java Timeline – 1998
Charlie has over a decade of experience in website administration and technology management. As the site admin, he oversees all technical aspects of running a high-traffic online platform, ensuring optimal performance, security, and user experience.
