There are no tracking or monitoring cookies on this site. There are only cookies used for documentation examples related to cookies.

Close

Documentation

How to read this documentation

What is a selector?

Event selectors

Target selectors

Special combinators

Iframe & component selectors

Using comments in the config

Initialization events

Special keyboard events

The "clickoutside" event

The "draw" event

The "intersect" event

The "observe" event

The "innerhtmlchange" event

The ajax command response events

Action commands

Action command syntax

Delaying actions ("after")

Repeating actions ("every")

Sequential actions ("await")

The event flow for actions

ajax-form-preview

ajax-form-submit

cancel-timer-all

click-on-next-cycle

click-on-previous

click-on-previous-cycle

clickoutside-event

copy-to-clipboard

@command / create-command

@command / create-conditional

focus-on-next-cycle

focus-on-previous

focus-on-previous-cycle

fullscreen-exit (depr.)

fullscreen-on (depr.)

prevent-default

remove-attribute

remove-property

render-after-begin

render-after-end

render-before-begin

render-before-end

scroll-into-view

stop-event-propagation

stop-immediate-propagation

stop-immediate-event-propagation

stop-propagation

toggle-attribute

toggle-take-class

Creating action commands

Calling commands from JS

Conditional pseudo-selectors

Variables and JavaScript

Variables and JavaScript

Using DOM attributes and properties

Regular variables

Inner HTML reference variables

JavaScript expressions

JavaScript helper functions

Iterating target selectors

Single Page Applications

Single page applications

Regular ajax websites

Offline interactive websites

Bookmarkable hash pages

Using a dropdown to change pages

Active CSS Components

Custom elements (<like-this>)

Special component events

Events in components

Variables in components

Code and looping inside html blocks

Importing HTML, CSS and JSON for components

Loading indicators in components

Passing variables into components

Shadow DOM components

Passing elements into components

Rendering only when visible

Turning drawn HTML into a component (@scope)

Reusable Components

Active CSS Code Editor

Technical articles

PHP SPA very basic form handling

PHP SPA tutorial part 1

PHP SPA tutorial part 2

Downloads

Core Download Docs Download DevTools

About

Roadmap FAQ Blog Credits

Active CSS
DocumentationDocs
Downloads
About
Support
Account

Processing...

This may take a few seconds.

Simple HTML5 audio controls

Simple HTML5 audio controls

Quick and dirty audio player with slider. Needs volume controls, "is playing" indicators, etc.

Examples: Simple HTML5 video controls Examples: CSS Variables