Download
- Download the log and play with the options or skin it yourself.
Features
- Uses mooTools 1.2 [The latest version of mooTools, included in zip.]
- Minimize & Maximize [Gets out of your way. It remembers the last settings and scrolls with you. Vertical only.]
- Snap [Log snaps to sides if specified. It scrolls with you. Vertical only.]
- Drag and move [Grab blue side of log to drag anywhere.]
- Resizer [Grab the arrows if specified, or click buttons, if specified, and resize the log.]
- Browser-compatible [Ie 6+, Opera 9.5+, FF 2+, Chrome 1+, Safari 3+ supported.]
Usage
Main Usage
- log.out(string) [primary function, takes any html string.]
- log.clearUiLog() [clears the log, just as the pencil icon does.]
Optional Usage
- log.positionLog(int) [dynamic position of log if you want, positions 1-4. See options below.]
- log.hideUiLog(animate) [dynamic hiding of log, with animation or not.]
- log.showUiLog(animate) [returns log to last settings. Animate or not.]
Options
Starter Options
- position [integer (1-4), default position, top, bottom, left, right. Default is 2.]
- zebraColor [hex color, the color of the zebra stripe. Defaults shown.]
- bgColor [hex color, the color of the background and opposite zebra stripe. Defaults shown.]
- minimized [boolean, to minimize the log at first, or not. Default is false.]
- width [integer, width of log. Default is 570, min is 100]
- height [integer, height of log. Default is 400, min is 80]
Other Options
- resizer [boolean, tells log to use a four-way resizer or two height-only buttons. Default is true.]
- snap [boolean, to have the log snap to the center of 4 wall sides. Default is true, but no snapping puts in on the left side.]
- logNumbers [boolean, to show enumeration of log entries. Default is false.]
- opacity [0-1.0, to show opacity to see the view beneath. Default is 0.9.]
- outerPadding [integer, distance from side of browser to settle when snapping. Default is 2.]
- innerPadding [integer, padding on the left side of log. Default is 2.]
Detailed Options
- pixelSnap [integer, Snap sensitivity. How far, in pixel from the wall before snap occurs? Default is 200.]
- pixelThreshhold [integer, Snap sensitivity. How far, in pixel from other walls must you be for a snap to register? Default is 50.]
- modifyAmount [integer, used only when resizer is false. Amount to increase or decrease log with buttons. Default is 50.]
Future Fixes
- Using position:fixed [For ie7 and other browsers, this will stop the flickering as the scrolling causes a log redraw.]
Hints
- Reduce flickering [By setting opacity to 1 if you plan on moving the log around a lot.]
Tests