This API is very much a WORK IN PROGRESS. If you know DHTML well, feel free to check out my work. If you're a beginner or novice, please stay tuned until I make these objects easier to get and use on your own site.
Top level object stub to collect all of my bugObjects onto document.bugimus
This object keeps track of the current version of the bugLib. As you build your objects onto the page, this stub also collects all of them so they are always readily accessed and managed. This becomes particularly important once document level events have to work together.
This DHTML API is free to use for non-commercial use, provided my copyright block remains intact in the code. A link back to my site is very much appreciated but not required.
https://bugimus.com/
Copyright © 1998-2004 Bugimus, all rights reserved.
Description
ImagePop allows you to open a new browser window that will contain an image that you specify. All you need to do is to provide the location of the image and ImagePop does the rest, it will size the new window to the image itself and it will even make sure the window is focused so you don't lose it behind your main window. Subsequent calls to the same ImagePop will continue to write to the same window. But you can have as many indepent ImagePops on your page as you desire and they will all write to their own window.
Browser Compatibility
IE6
NN4
NN6
OP7
Requires
bugBase.js—
bugSniffer.js—
bugImagePop.js
Demo Image Pop Demo
Pending Features
Better support for other browsers.
Description
This object allows you to create a fully funtional image-based button. It has 3 visual states: normal, hover, and depressed.
Browser Compatibility
IE6
NN4
NN6
OP7
Requires
bugBase.js—
bugPositions.js—
bugImageSwap.js—
bugButton.js
Demo Button Demo
Description
This is a slider button.
Browser Compatibility
IE6
NN4
NN6
OP7
Requires
bugBase.js—
bugSniffer.js—
bugMouseInfo.js—
bugPositions.js—
bugImageSwap.js—
bugDragComponent.js—
bugButton.js—
bugSlider.js
Demo Slider Demo
Pending Features
Special Information
-
This object queries document events to know how to operate. When a slider button is clicked with the mouse, I need to know exactly where on the button the click occurred in relation to the entire page. In order to do this I get the coordinates of the mouse click on the page and I also need to sum all the offsetTop and offsetLeft properties of each container of the button back to the top of the body element. The way browswers handle border widths in their offsetTop and offsetLeft calculations is not consistent. IE does not include the border width in the calculation while Mozilla and Opera do. Currently this object does not take this difference into account so any containers of the slider object that have borders greater than 0 pixels will cause undesrirable resulst in IE. I plan to add this difference into the code soon, but in the mean time consistent operation will occur only with borders set to "0px".
-
Related to this issue is the requirement that all containters of this object have an explicit position setting. It can either be set to "relative" or "absolute" but leaving it blank will not work well in Mozilla.
Description
This creates a color grid on your page that allows you to choose from a browser safe color palette.
Browser Compatibility
IE6
NN4
NN6
OP7
Requires
bugBase.js—
bugPositions.js—
bugColorPicker.js—
bugColors.js
Demo Color Picker Demo
Pending Features
More color palettes.
Description
Provide a list of text items to see the list cycle through fading as it goes. This is a great way to display quotations or other short text messages to your page.
Browser Compatibility
IE6
NN4
NN6
OP7
Requires
bugBase.js—
bugTextFader.js
Demo Text Fader Demo
Pending Features
More display customizations.
include bugStripSlider.js
requires .. .. ..
Description text about just what this does...
include bugObjectSlider.js
requires .. .. ..
Description text about just what this does...
include bugSwarm.js
requires .. .. ..
Description text about just what this does...
Thing to do make sure end up in final product...
- version history
- demo buttons for everything demoable
- known bugs
- limitations and usage ideas
- link to each module's page, every module should have a separate page
- explain the way prototype works. Show how you can redefine document level event handlers for different objects using prototype.
AAA_objectname
Description text about just what this does...