Web System Events

Visual elements in the GYRE Editor, just like any object in real world, react to events occurring to them.

All visual elements have the property Events and a set of events to which they respond. A Visual element's behavior is determined by what handlers for which events it has.

For example: onClick corresponds to a mouse click on the object, onDoubleClick - double click, onKeyUp - when a pressed key was released.

To add an event handler, click Assign properties Events. A window appears with a list of available events that an object can respond to. If an event is already assigned to a handler, then in the list next to the event  *  and (has code) will appear.

List of events for Button

To add or edit an event handler click Edit action in the list of events. You will see the following window, which consists of three parts:

1. Code Area. A simple text editor, containing an event handler code in Javascript.
2. Shortcut Area. A list of frequently used operators and functions.
3. Lists of Objects. Lists containing actions, pictures, pages, files created in Younicycle. Double click on the object name adds a link to the object in the code area.

Full list of GYRE Events:
onLoad - triggered when page is fully loaded
onResize - triggered when window is resized;
onChange - triggered when contents of an object are changed, for example, when text is edited in a text box;
onClick - triggered when object is clicked;
onDoubleClick - triggered when object is double clicked;
onFocus - when an element gets focus;
onKeyDown - when a key is pressed (the element gets focus);
onKeyUp - when a key is released (the element gets focus);
onLostFocus - when an element loses focus;
onMouseButtonDown - pressing a mouse button;
onMouseButtonUp - releasing a mouse button;
onMouseMove - cursor moves over an object;
onMouseRollOut - cursor exits an object;
onMouseRollOver - cursor hovers over an object;