OpenFlowinAction

Top  Previous  Next

OFA_icon

OpenFlowinAction opens a floating window and fills its content from a source area.

OpenFlowinAction

Properties

Source Areas (sourceAreas) (Separated with commas, Accepts MScript)

The name of a SourceArea element including the name of the page at the front in /source-page-name.area-name form. The source area can be selected using the "SourceArea List" dialog.

 

Request Parameters (requestParams)

The request parameters and their values. The initial value "{p1:'p1val', p2:'p2val'} ?" aims to show the definition syntax and if no update is made to it, it is ignored in the output.

When defining this property, it is important in which element the generated call definition is used. For example the this word in "{ID:this.value}" definition represents the HTML element object that the generated call definition is used in, not this action element itself.

CallBack Function (callbackFunc)

The Javascript function to be called after the target blocks are refreshed. The function receives a MultiPartAjaxResponse object as the parameter

 

User Data (userData)

The user data object defined with this property is passed to the response handler and the callback function.

 

Error Handler (errorHandler)

The name of the function to be called when an error occurs. The function receives Exception and AjaxResponse objects as the parameters.

 
Origin Node (originNode)

The DOM Node object that originates this request. This property should be supplied only if the call to be made from a DOM node that was fetched with a AjaxMgr.refreshAreas() method call.

 

Floating Window

The sub properties of this property define the attributes of the floating window that displays the content taken from the source area.

 

Title (title)

A text to display as the window title

 

Width (width)

Width of the window

 

Height (height)

Height of the window

 

Reference Element To Position (refElm)

If it is desired to position the floating window in relation to an existing element on the page then its object or HTML id should be supplied in this property.

 

Horizontal Offset (offsetH)

The distance of the floating window to the left of the browser window.

 

Vertical Offset (offsetV)

The distance of the floating window to the top of the browser window.

 

The values of the Horizontal Offset and Vertical Offset are evaluated depending on the refElm property.

 

refElm Empty

Offset values Empty

Floating window is opened at the center of the page

refElm Empty

Offset values Defined

Offset values are considered to be from the left and top of the browser window

refElm Defined

Offset values Empty

The upper left corner of the floating window is aligned to the upper left corner of the relElm element.

refElm Defined

Offset values Defined

Offset values are considered to be from the upper left corner of the relElm element.

 

Modal (modal)

If the floating window needs to be opened modal (to disable the elements of the page in the background) then true should be given to this property.

 

Skin (skin)

The skin of the Yüzen pencerenin teması. Tanımlı değerlerden biri seçilmelidir.

 

 

The calling the AjaxMgr.openFlowin() function

 

Dynamic Call Definition
 
On the context menu that pops up when an action element is right clicked, the following options are displayed. If the option 'Copy "Dynamic Call Definition" to Clipboard' is selected, a dynamic call definition is formed and copied to the Windows clipboard.

 

DynamicCallDefinition

 

The copied definition can later be pasted into the event properties of the elements or into the "Embedded Script" properties of the Script elements.
 
Example:

 

%vof(/ShowProducts/jscall)

 

The actual AjaxMgr.openFLowin() call is generated during the compiling of the page by expanding the %vof(/ShowProducts/jscall) definition.

 

 

Function Call

 

The second "Copy to clipboard" option on the context menu is used for that. When the 'Copy "Javascript Function Call" to Clipboard' option is selected, AjaxMgr.refreshAreas() call definition is formed immediately with the current values of the properties and copied to the Windows clipboard.

 

The call definition copied to the clipboard can later be pasted into the event properties of the elements or into the "Embedded Script" properties of the Script elements.

 

Example:

 

AjaxMgr.openFlowin({

  name           : 'ShowProducts'

  ,title         : 'Products'

  ,innerWidth    : 400

  ,innerHeight   : 300

  ,refElm        : 'X123'

  ,offsetV       : 10

  ,offsetH       : 0

  ,modal         : false

  ,skin          : 'tiny_mar'

  ,requestParams : {CAT: cat}

})

 

Warning! In contrary to the dynamic call definition, the changes made to the properties after the function call copied, will not be effective.

Note: By using the FloatingWindow and FloatingWindowManager function classes that exist in Flowin.js file you can have a better control on the floating window. Refer to the MoreMotion Face API documentation for the further details.