Overlays

An overlay is a popup within the page. Technically, it is not part of the w2popup object. It is part of w2utils. However, it is described here due to its functional similarity to popups. Tags and overlays are common purpose jQuery plugins and should be called in jQuery plugin syntax.

$().w2tag(html, [options])

The plugin will display a tag on the right from specified element.
Preview
Hover over this field
There can be many tags on the screen at the same time. If the element is moved, the tag will move with it. If it is destroyed, the tag will be destroyed. If you need to hide a tag, call w2tag again with empty text.
Options can be one of the following:

$().w2overlay(options)

The plugin will display an overlay under (or above) the element. If element is by the edge of the screen, the overlay will be displayed in the visible portion of the page.
Preview
Click on this field
If first argument is a string, it will be treated as HTML to display. However, the first argument can be an object with options. If user clicks anywhere else on the screen the overlay will be hidden, which is not the same with tags. Normally, you can have only one overlay on the screen, however, you can provide a unique name if you want to display multiple overlays at the same time. Overlay supports following options:

$().w2menu(menu, options)

Displays popup menu For example:
Preview
Click on this field
You can use any valid overlay option for the w2memnu as well. In addition it has following options: Items is an array of objects

$().w2color(options, callBack)

Displays color picker menu for the element. It is used in w2toolbar for color and text-color menus. For example:
Preview
Click on this field
You can use any valid overlay option for the color as well. In addition it has following options:

User Comments

comments powered by Disqus