← Playground index

AjaxSlim AjaxUpdateContainer

The AjaxSlim rewrite of <wo:AjaxUpdateContainer>: a dependency-free, fetch + Idiomorph runtime (ajaxslim.js) with zero Prototype/Scriptaculous. This page exercises morph vs. classic replacement, periodic refresh, and the onRefreshComplete hook.

Morphing container (morph="$true")

Count: 0

data-morph="true" - Idiomorph reconciles the DOM (focus/scroll preserved).

Increment (morph)

Classic container (morph="$false")

Count: 0

data-morph="false" - classic innerHTML replacement.

Increment (classic)

Periodic refresh (frequency="3") with onRefreshComplete

A self-updating container is a SEPARATE element - <wo:AjaxSelfUpdatingContainer> - because self-refresh is a distinct behaviour from the passive AjaxUpdateContainer (which only renders when something else targets it). It refreshes itself every 3 seconds via the runtime's registerPeriodic (setInterval), and pulses the border each time via onRefreshComplete.

Server count: 0

The container's own action binding fires on each periodic refresh, bumping the count.