Using the Page Designer

Designing pages is very much like designing forms, except that, as you already know, you can't add any fields. Just as with a form, a number of events are available that can be programmed. Some events can be programmed in the Formula language, some in LotusScript, and others in JavaScript. HTML is involved in two events: HTML Head Content and HTML Body Attributes. Table 8.1 lists each event by language.

Table 8.1. Page Events by Language

Formula	JavaScript	LotusScript
Window Title	JS Header	Options
HTML Head Content	onBlur	Declarations
HTML Body Attributes	onClick	QueryOpen
Target Frame	onDblClick	PostOpen
	onFocus	PostRecalc
	onHelp	QueryClose
	onKeyDown	Initialize
	onKeyPress	Terminate
	onKeyUp	QueryRecalc
	onLoad
	onMouseDown
	onMouseMove
	onMouseOut
	onMouseOver
	onMouseUp
	onUnload

As you do with a form, you should always specify a window title; the remaining events can be used when needed. You can see some of the events in the Objects tab in Figure 8.5.

Figure 8.5. The diamond beside Window Title is filled in the Objects tab of the Page Designer when code is present for the event.

NOTE

For more information about the Designer IDE, see Chapter 3, "The Integrated Development Environment."

 

Using HTML in Pages

Two events that can be programmed with the Formula language add HTML to a page: the HTML Head Content and the HTML Body Attributes events. The HTML Head Content creates HTML between the

and tags of the HTML document. For example, if you want to embed style information or use a Cascading Style Sheet for the page, you include it in the HTML Head Content event using the