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

Processing...
This may take a few seconds.

The "draw" event

This is a custom Active CSS event that occurs when any element is added to a page.

It will be called multiple times if the element is added then removed then added, etc.

This can be a very useful event when you want to do something when an element is first drawn.

In this example, images are loaded after the image tag is drawn - the image src has a tiny transparent image when it first draws, for speed in page loading, and this tiny image then gets replaced with the src in the img tag's data-cjs-image attribute:

img[data-cjs-image]:draw {
    load-images: data-cjs-image;
}

See the load-images command for more details on this particular use.