We are reorganizing the website – some things might look strange.

mod_wires

Actions, tags (also known as screen components), and javascript for user interfaces using wires.

Used by mod_admin and the other administrative modules.

Wires are actions that are directly coupled to user interface elements. These couplings are defined in the templates using the wire tag.

Accepted Events

This module handles the following notifier callbacks:

observe_acl_is_allowed: Allow publish from clients to the transport topic using z_render:output.
observe_output_html: Render nested actions and scomp results using z_render:output.
observe_page_actions: Sanitize and normalize page action payloads before they are sent to the browser.
observe_scomp_script_render: Part of the {% script %} rendering in templates using z_render:make_postback_info.

Actions

Add a css class to an html element.

Show an alert dialog.

Add a $(..).animate jQuery call to the target element.

Todo

Show a JavaScript confirm message and on confirmation triggers one or more actions and/or sends a postback to the…

Opens a dialog with a predefined HTML content and title.

Closes a dialog. When there is no dialog open then nothing happens.

Renders a template on the server and opens a dialog with the HTML output of the template.

Sets the “disabled” attribute of a HTML tag and adds the CSS class “disabled”.

Add WYSIWYG editor controls to all textarea’s with the z_editor class in the target.

Remove any WYSIWYG editor controls from all textarea’s with the z_editor class in the target.

Add a $(..).effect jQuery call to the target element.

Resets the “disabled” attribute of a HTML tag and removes the CSS class “disabled”.

Bind actions to a jQuery event or submit a form.

Show an element by animating the opacity.

Hide an element by animating the opacity.

Add a $(..).focus() jQuery call to the target element to give it input focus.

Resets the target form to its initial state.

Show a message in the upper right corner of the browser window. The message will automatically disappear after some…

Hide an element without any animation.

Scomp

Makes a button with an action attached.

Mark a html element as draggable.

Mark an element as valid drag destination.

This tag is the placeholder where all generated JavaScript scripts will be output on the page.

Mark an element as sortable.

A sorter is a container for sortables.

The validator tag accepts the following arguments:

Connect actions and events to a HTML element.

Add extra arguments to wired actions.

Referred by

Browser/server interaction

There are multiple ways to set up interaction between server-side Zotonic code and client-side JavaScript.