Developer's Assistant : Position Control Panel

The absolute positioning capability of Dynamic Overlays provides the ability to accurately place objects within the HTML page. No longer do objects 'float' to adjust to screen sizes, therefore different user screen sizes must be addressed. Arranging objects based on the user's screen size, and/or relocating them to different points in response to the user's activities, requires a method to handle positioning of each overlay

Because placement of one object, is independent of all others, a means of easily adjusting each overlay's position in relation to others is needed. The developer must have a way to adjust object placement, and view the result, on the active page.

By employing a Position Control Panel, the developer can easily access the position of each DIV, adjusting the location any object at any time, record its placement, and use the recorded values for TOP and LEFT parameters of the STYLE for each DIV.

To implement this Position Control Panel on your site:

1. Create and position each DIV with estimated values of TOP and LEFT.
2. Place the adjust() function within each DIV where position adjustment is desired.
3. Insert all source code listed under Position Control Panel within this HTML page.
4. Click on an image to activate the Position Control Panel. The panel will display the current TOP and LEFT parameters of the associated DIV. The increment value may be changed, depending on the sensitivity of each adjustment click. Adjust the image to a desired location, making a note of the values for use in final the design positions.
Note: The Position Control Panel may be dragged to any location on the page. (Netscape requires a Refresh to fully display the text areas)
5. After page development is completed, delete the adjust() functions and Position Control Panel source.


Below is an example of the Position Control Panel's use:
Please Note: The Position Control Panel is intended for the private use of the individual developer, any commercial use without prior written consent is forbidden.

Gobbles

Crunch

Claude

Spinner

Inch
UP
LEFT    RIGHT
DOWN
Increment:
DIV id:
TOP:
LEFT: