What is a popup?
A popup is a text or graphic layer that is only visible on a web page when the user rolls over a button somewhere else on the page. When the user rolls off the triggering button the popup disappears again. This is not to be confused with a rollover, which is a graphic that replaces the button graphic when it is rolled over, changing the appearance of the original button. Rollovers always appear over approximately the same area as the triggering button. Popups always appear somewhere else on the page.
The -popup Hint
You create a popup with SiteGrinder by adding "-popup" to the end of a layer's name. SiteGrinder matches the popup to it's triggering button layer by matching the first part of the layer name. Thus a layer named "Home-button" will act as a trigger for one or more layers named "Home-popup". The triggering button can be a text button or a graphic button and the popups themselves can also be text or graphics.
Multiple Popups
You can have as many popups per button as you like. For example "Home-button" can trigger three different popups as long as all of them are named "home-popup".
You can also name a layer set with the "-popup" hint and all of the layers inside the set will function as popups.
Hiding Layers when a button is rolled over
Popups with transparent areas often need part of the background to disappear while the popup is visible so it doesn't show through the transparent areas. SiteGrinder supports two hints for this purpose.
The "-popdown" hint hides a layer while a specific button is rolled over. Thus "Gallery-button" will hide "Gallery-popdown".
The "-hide" hint hides a layer when any button with a popup is rolled over. You can also think of it as hiding whenever a popup is visible.
These techniques make popups far easier to produce in SiteGrinder than any other web tool.