Welcome to the second part of a two-part series on building a tree with Active Client Pages. In this part, we will use the example of a museum's web site to take a close look at the code for a session. We'll see how the tree facilitates project development.
Completing a Tree with Active Client Pages - Description of the First Page's Code (Page 3 of 4 )
You have the HEAD element and the BODY element. The HEAD element is empty. The BODY element has all that we use. Let us look at what is in the BODY element.
The BODY Element
The body element has the visible HTML elements and the script.
Visible HTML Elements
This is the code for what you see in the master page:
[
This window contains the general descriptions of the categories of items in the Museum.<br />
General descriptions of the categories is here. - - - <br /><br />
<button type="button" onclick="furnitureFn()">See Categories of Furniture used.</button><br />
<button type="button" onclick="shoesFn()">See Categories of Shoes used.</button><br />
<button type="button" onclick="bagsFn()">See categories of Bags used.</button><br />
]
Normally you are supposed to have a lot of text here, but I have given just two sentences for simplicity. In between the two sentences is a line break element. After the second sentence we have two line break elements. Then you have three buttons, each ending with a line break element.
When you click the first button, the furnitureFn() function is called. This function opens the window that has a general description for the furniture. When you click the second button, the shoesFn() function is called. This function opens the window that has a general description for the shoes. When you click the third button, the bagsFn() function is called. This function opens the window that has a general description for the bags.
HTML 
ACP and Browsers: Setting up an Example
