Opening Floating Windows

(since v5.0)

With AjaxMgr.openFlowin() method call a window is created with DHTML technichs and and its content is filled as if it is a Target Area. Therefore for the SourceArea pelase refer to Refreshing Areas topic.

Calling the openFlowin()

To open a floating window and fill its content from a source area use AjaxMgr.openFlowin() method from any HTML event procedure as follows.

AjaxMgr.openFlowin({
  name     : 'OpenFlowinAction1'
  ,title   : 'Product Details'
  ,width   : 400
  ,height  : 300
  ,refElm  : 'Combo1'
  ,offsetV : 25
  ,offsetH : 0
  ,modal   : false
  ,skin    : 'default'
  ,requestParams : {ID: id}
  ,callbackFunc  : callMeAfter
  ,userData      : {mydata:somedata}
  ,errorHandler  : myErrorHandler
  ,originNode    : null
})

See AjaxMgr.openFlowin() method call in MoreMotion Face API.

The value of the name property should point to an existing actionParams configuration in the page configuration as follows.

actionParams element in the Page Configuration:

  <actionParams name="RefreshDetails">
    <sourceAreas>/AjaxSourcePage1.Details</sourceAreas>
    <responseHandler>AjaxMgr.refreshAreasResponseHandler</responseHandler>
  </actionParams>

The sourceAreas sub-element here must define only one AjaxSourcePage.SourceArea.

Required Javascript Files

Floating Window requires that the following files are linked to the page In addition to the other Ajax Javascript files.

Depending on the skin you prefer you should link the corresponding css file instead of Flowin/default/0.css.