Web System Common Tools

Web System Applications Development

 Web System Database Web System PostgreSQL Tables Web System Manage fields Web System Manage constraints Web System Manage indexes Web System Manage triggers Web System SQL Tab Web System Single-row editing Web System Multirow editing in table mode Web System Import Web System Export Web System Table transfer - or Store Web System Composite Types Web System SQL Queries Web System Workflow Web System Dataset Design Web System Query Expressions Web System Where Conditions Web System Group by Expressions Web System Having Condition Web System Windows Clause Web System Order by Expressions Web System SQL Tab Web System Test a Query Web System Views Web System Functions Web System Datasources Web System Charts Web System Main type selection Web System Subtype selection Web System Datasource selection Web System General settings Web System Axis settings Web System Background settings Web System Margin settings Web System Color settings Web System Mark settings Web System QR Barcodes Web System Saving Web System Reports Web System Template Editor GYRE Web System Sections Web System Toolbar Web System Basic properties Web System Data formatting Web System Text Web System Data Web System Macro Web System Geometry Web System Line Web System Bezier curve Web System Image Web System Chart Web System Arrangement Web System Clipboard Web System History Web System Zoom Web System Import/export Web System Delete Web System Report Generator Web System Report Schedule Web Site Builder Web System Content Management System (CMS) Web System Edit site Web System Themes and pages Web System Create and edit theme Web System Edit page Web System Web Form Builder / Content Editor (GYRE) Web System Toolbar Web System Events Web System Basic properties Web System Text field Web System Button Web System List Web System Combobox Web System Label Web System Checkbox Web System Radiobutton Web System Filler Web System Upload file Web System Additional tools (Gears) Web System Image Web System Flash video Web System Arrangement Web System Clipboard Web System History Web System Zoom Web System Import/export Web System Delete Web System Operations with objects Web System DNS Manager Web System SEO tools Web System App Analyzer Web System Reindex Web System Publish Web System Access Log Web System Checkout settings Web System PHP Scripts development (Actions) Web System Source Editor Web System API functions Web System Custom Scripts development (JS, CSS, XML, etc...) Web System Gears Web System SaaS Solution Manager

Web System Cook book

Web System Deprecated

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;