%META:TOPICPARENT{name="OATDOCIndex"}%
---+ dimmer.js

Reveals an object while dimming all others, i.e., a Lightbox effect.

%TOC%

---++ Functions

---+++ OAT.Dimmer.show(element, optObj)

Shows <tt>element</tt>. Additional options can be specified via <tt>optObj</tt>:

   * <tt>*color*</tt> - hexadecimal color of dimming layer
   * <tt>*opacity*</tt> - opacity of dimming layer
   * <tt>*popup*</tt> - boolean value specifying whether the element should be hidden by clicking to dimmed place

---+++ OAT.Dimmer.hide()

Hides previously shown object and cancels dimmer effect.

---++ Example

<verbatim>
var div = OAT.Dom.create("div");
OAT.Dimmer.show(div, {color:"#f00", popup:false}); // modal window
</verbatim>

CategoryDocumentation CategoryOAT CategoryOpenSource