============================================================== Script: Amazing Draggable Layer Functions: This script implements a draggable layer that can be used much like a popup window... but with- out the usual focus problems that popups often imply. Also included are simple controls to show or hide the draggable layer. Compatible with NS4-7 & IE. Comments: The script is in two parts. A JavaScript in the head section of your page. There are no setups or changes required. ============================================================== STEP 2. Inserting The Layer Code In Your Page Insert the following code in the body of your page. It may be placed either immediately after the tag or immediately before the tag. This is essentially a couple of nested tables inside a
Colors and spacing are set with the usual table features (bgcolor, cellpadding). The width, height, left and top position are set in the style in the
tag. Likewise, if you want the layer to be initially invisible, set visibility:visible instead to visibility:hidden in the style. (To show or hide the layer from a JavaScript link function call see the following Step 3.) Your content goes in the commented area, as shown. It can be most any html code or text, though additional div or table tags within the designated content area should be done with care, and checked in all browser versions. To change the titlebar text, find the words Layer Title and replace them with your title.
Layer Title X
This is where your content goes.
It can be any html code or text.
Remember to feed the reindeer.
Avoid chewable giblet curtains.
============================================================== STEP 3. (Optional) Using Show And Hide Controls The layer can be shown or hidden via simple function calls. To show the layer: show To hide the layer: hide ============================[end]=============================