Website Deliverables - webworks.com Previous Next Index Print
Creating Popups

Creating Popups

Last Modified: October 9, 2006

ePublisher Pro

The purpose of this article is to provide an example of how to create popups.

In order to create popups, you first must create hyperlinks from the popup topic to the popup text. The popup topic is the term or phrase that the user hovers over in order to get the popup window; the popup text is the content that is contained within the popup window.

After you have created hyperlinks, there are two methods for creating the actual popup. One way is to utilize markers to define the content contained within the popup window. The other method, which user’s may find more convenient, is to utilize paragraph styles that are associated with a popup behavior. The major difference is time. Using markers allows for backward compatiablity with our previous products and more control, however it is much more time consuming to place markers in your document than to simply apply a paragraph style.

Once you have successfully created your popups, you can modify the appearance of your popups. Please see “Modifying the Appearance of Popups” for more information.

The following sections will walk you through creating popups:

Creating Popups with Markers For Adobe FrameMaker

Creating Popups with Markers For Microsoft Word

Creating Popups with Paragraph Styles For Adobe FrameMaker

Creating Popups with Paragraph Styles For Microsoft Word

Creating Popups with Markers

For Adobe FrameMaker

2)

Go to Special > Marker.

4)

Name the marker Popup.

5)

Click the Add button.

Note: If you want to modify the appearance of your popup, type the name of the page style you will associate with your popups (i.e. Popup_Page_Style) for the Marker Text.

13)

Press Ctrl + F7 to scan the source documents for new style information.

14)

Press F10 to open the Style Designer.

*

Choose Popup start if you want your popup text to appear in a window and through a clickable link that redirects users to the actual location of the popup text (i.e. a Glossary).

*

Choose Popup start with no output if you only want the popup text to appear in a window.

18)

Press Ctrl + F5 to generate the project.

For Microsoft Word

1)

In your source document, create a hyperlink from the popup topic to the popup text. Do this by inserting a bookmark at the popup text and creating a hyperlink from the popup topic to the bookmark.

3)

Go to WebWorks > Markers.

4)

Select Popup or PopupOnly from the list of markers.

*

Choose Popup if you want your popup text to appear in a window and through a clickable link that redirects users to the actual location of the popup text (i.e. a Glossary).

*

Choose PopupOnly if you only want the popup text to appear in a window.

5)

Click OK to insert the popup marker.

Note: If you want to modify the appearance of your popup, type the name of the page style you will associate with your popups (i.e. Popup_Page_Style) for the Value.

7)

Go to WebWorks > Markers.

8)

Select PopupEnd.

11)

Press Ctrl + F7 to scan the source documents for new style information.

12)

Press Ctrl + F5 to generate the project.

Creating Popups with Paragraph Styles

For Adobe FrameMaker

5)

In WebWorks ePublisher Pro, press Ctrl + F7 to scan the source documents for new style information.

6)

Go to View > Style Designer.

10)

Choose the behavior you want for your popups by choosing the appropriate option for the paragraph style. There are two items that will dictate which option you will choose for this paragraph style:

This defines four scenarios:

*

Choose Define for the paragraph that will be displayed in the window. This is the same paragraph that will appear on the HTML page to which the link will redirect.

*

Choose Define for the first paragraph that will be displayed in the window. This is the same paragraph that will appear on the HTML page to which the link will redirect.

5)

Close the Style Designer and press Ctrl + F5 to generate the project.

For Microsoft Word

1)

In your source document, create a hyperlink from the popup topic to the popup text. Do this by inserting a bookmark at the popup text and creating a hyperlink from the popup topic to the bookmark.

4)

In WebWorks ePublisher Pro, press Ctrl + F7 to scan the source documents for new style information.

5)

Go to View > Style Designer.

9)

Choose the behavior you want for your popups by choosing the appropriate option for the paragraph style. There are two items that will dictate which option you will choose for this paragraph style:

This defines four scenarios:

*

Choose Define for the paragraph that will be displayed in the window. This is the same paragraph that will appear on the HTML page to which the link will redirect.

*

Choose Define for the first paragraph that will be displayed in the window. This is the same paragraph that will appear on the HTML page to which the link will redirect.

5)

Close the Style Designer and press Ctrl + F5 to generate the project.