Creating Popups

Support Central

Latest Release

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

1)	In your source document, create a hyperlink from the popup topic to the popup text.

2)	Go to Special > Marker.

3)	From the drop-down list of Marker Types, choose Edit.

4)	Name the marker `Popup`.

5)	Click the Add button.

6)	Create a second marker and name it `PopupEnd`.

7)	Locate the starting point for the popup text.

8)	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 Marker Text.

9)	Locate the ending point for the popup text.

10)

Insert the PopupEnd marker.

11)

Save the FrameMaker document.

12)

In WebWorks ePublisher Pro, select the top-level group in the Document Manager.

13)

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

14)

Press F10 to open the Style Designer.

15)

Click on the Marker Styles tab.

16)

Select the Popup marker and select one of the following behaviors:

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.

17)

Select the PopupEnd marker and select the Popup end behavior.

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.

2)	After you have created the hyperlink, place the insertion point at the beginning of the popup text.

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.

6)	Place the insertion point where the popup text ends.

7)	Go to WebWorks > Markers.

8)	Select PopupEnd.

9)	Save the Word document.

10)

In WebWorks ePublisher Pro, select the top-level group in the Document Manager.

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

1)	In your source document, create a hyperlink from the popup topic to the popup text.

2)	Apply any paragraph style to the popup text (i.e. PopupStyle).

3)	Save the FrameMaker document.

4)	In WebWorks ePublisher Pro, select the top-level group in the Document Manager.

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

6)	Go to View > Style Designer.

7)	Click on the Paragraph Styles tab.

8)	Select the paragraph style you used for the popup text.

9)	Click on the options tab.

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:

1)	How the user would like the popup to be displayed.

Popup window only

Popup window and through a clickable link

2)	How many paragraphs the popup will contain.

Single paragraph.

Multiple paragraphs.

This defines four scenarios:

1)	Popup Window Only with a single paragraph.

Choose Define no output for the paragraph to be displayed in the popup window.

2)	Popup Window only with multiple paragraphs.

Choose Define no output for the first paragraph to be displayed in the popup window.

Choose Append no output for all following paragraphs.

3)	Popup Window and clickable link with a single paragraph.

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.

4)	Popup Window and clickable link with multiple paragraphs.

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.

Then choose Append for all following paragraphs.

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.

2)	Apply any paragraph style to the popup text (i.e. PopupStyle).

3)	Save the Word document.

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

5)	Go to View > Style Designer.

6)	Click on the Paragraph Styles tab.

7)	Select the paragraph style you used for the popup text.

8)	Click on the options tab.

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:

1)	How the user would like the popup to be displayed.

Popup window only

Popup window and through a clickable link

2)	How many paragraphs the popup will contain.

Single paragraph.

Multiple paragraphs.

This defines four scenarios:

1)	Popup Window Only with a single paragraph.

Choose Define no output for the paragraph to be displayed in the popup window.

2)	Popup Window only with multiple paragraphs.

Choose Define no output for the first paragraph to be displayed in the popup window.

Choose Append no output for all following paragraphs.

3)	Popup Window and clickable link with a single paragraph.

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.

4)	Popup Window and clickable link with multiple paragraphs.

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.

Then choose Append for all following paragraphs.

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

XHTML 1.0 CSS WAI-A