OZONE: ZscrollBar demo

The newest ZscrollBar script! This script is intended as a completely "liquid" design, and since it relys heavily on CSS stylesheets and advacned <div> techiniques, it alas, will not work in the Netscape 4.x browsers, sigh. Sorry about that, I know I promised, but I tried, really I did! Check out the original version of this script for the full Netscape compatibility. This script has been tested with all of the IE browsers, from 4.0 up to 6.1, and on all the Mozilla/Netscape 6.x builds. Opera still has some difficulties, why doesn't that surprise me?

One of the main things I accomplished here was distancing the variable section from the actual "do stuff" code, it should be a hell of a lot easier to configure for your uses than the last script! I still have some work to do on the "do stuff" code, I want to make it prettier, and I'm pretty sure I can cut it's size down quite a bit. This following section is exactly as it appears in the script "Zsetup.js".

Go to ScrollBar not visible.

Download the entire unit: /ZIP/ZscrollBar2.zip (New! 9/17/2001)

// ZNIPPets.com, "Zsetup.js", (matched with "Zscrollbar2.js"), by DocOzone... 
// DHTML scrollbar code - Required files:
//	"Zprime.js"  (from the Znippets library)
//	"Zbrowse.js" (ditto)
//	"Zobject.js" (ditto)

Zobject = new Array();
	function initZobjects() { 
// create list elements like this... name,wrapper,top,left,height,width,zindex
Zobject[0] = new makeZobject('divOutline', null, 15,  15, 362, 572, 100);
Zobject[1] = new makeZobject('divCont', null, 16,  15, 360, 570, 500);
Zobject[2] = new makeZobject('floatContent', 'divCont', 0, 0, 360, 568, 1000);
Zobject[3] = new makeZobject('scrollbkg', null, 15, 590, 362, 15, 1000);
Zobject[4] = new makeZobject('slider', null, 27, 592,  44, 11, 2000,'hidden');
Zobject[5] = new makeZobject('uparrow', null, 15, 590, 12, 15, 2000);
Zobject[6] = new makeZobject('downarrow', null, 0, 590, 12, 15, 2000);
	}

// is page loaded? No.
	loaded = 0;

// is everything centered? Yes.
	centerAll = 1;

// Do you want this thing to sprawl across the screen? Set this flag to 'true' or one (1). 
// If so, the only numbers I'll use in that Zobject array are the slider and scrollbkg width.
// Set the "safe" values to let me know how close to the edge to go, cool?
	sprawlFlag = 1; // set to '1' if you want a full screen scroller.
		if (sprawlFlag) {
	safeTop=72;
	safeLeft=32; 
	
	// the top and left are fixed values, make the right and bottom values fixed if you've set
	// the sprawlFlag to "false", then you can ignore the fussy settings in the Zobject array above
	
	function safeRight() { if (Zflag.IE){return Zbrowse.width()-32}else{return Zbrowse.width()-48;}}
	function safeBottom() { return Zbrowse.height()-32; }
	}

// milliseconds to repeat & amount to scroll.
	Zrefresh = 10;
	Zdistance = 11;

// how tall are the 'up' and 'down' arrows?
	ZupDownArrows = 12;

// That's it, folks! You can just leave that other file alone, bad juju there... ;)
// Don't forget, you also need the DIV's and CSS stylesheet to make it go!

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioque civiuda.

---top of page---
---end of content---