DynAds DHTML DAG API Demo

Ads in a Sticky Box

DynAds provides a DHTML API (Applications Programming Interface), called DAG (Display Ad Groups) API, to take control of tedious manipulations at the browser side for DHTML processing.

In the example, all of the ads of the ad group are loaded from the server at page load time. Then the ads are going to be displayed in a floating box located at the bottom-right corner of the browser window. The content of the box is updated at every 10 seconds sequentially.

The settings of the box are adjusted so that the box is sticky. That is to say, it will try to keep the position of its reference point with respect to the anchor point. The reference point of this box is the bottom right corner of the box and the anchor point is the bottom-right corner of the window. When you re-size the window or scroll the browser document, the ad box will keep its position to the anchor point. This is called sticky ad. Another property of the ad box is that you can drag and drop it to any place you want. Note that even after the drag and drop, the anchor point is still the bottom-right corner of the window.

This single demonstration uses many tricks provided by DAG API. Inspect the source code of this page to see how simple and well organized it is to write this application via DAG API otherwise will take hundreds of lines of codes.

The content of this page is extended to make scrolling possible. Try scrolling vertically and horizontally. The ad box will keep its position relative to the window. That is why it is called sticky box.