Example Dynamic Site (Single Page Application)

The content of this page is updated dynamically (i.e. without a browser reload) each time the Page1 or Page2 buttons are clicked.

Under-the-hood, it works as follows:

1. Browser history API is updated
2. Page title is updated
3. Dynamic section of DOM (including Fuse Zones) is removed.
4. pageInit API is called, using blockingFuseIds to specify the zones which will be registered. This prevents the auction from running until all required zones have been added to the DOM.
5. With a random delay, each zone is inserted into the DOM, and the registerZone function is called
6. Auction runs once all required zones are registered, or when the timeout is reach

View the page source to see how it works

Home