OverlayManager Example

OverlayManager is used to manage the focused state of a collection of Overlay objects. Creating an OverlayManager and registering an Overlay is simple: mgr = new YAHOO.widget.OverlayManager();
mgr.register(myOverlay);

Note that when you click on an Overlay, the Overlay is highlighted, indicating that it currently has the focus. This is because the OverlayManager keeps track of which of the registered Overlays currently is focused, and ensures that the z-index of that Overlay is the highest.

Create / Modify a Dynamic Overlay
Property
Value
ID
Header
Body
Footer
Show/Hide Effect(s)
Duration: s
Visible
x position
y position
width
height
z-index
constrain to viewport
fix to center of viewport
Use iframe shim
Context element
ID:
 
Align overlay's corner to context element's corner