An alternative to using buttons to display and hide help messages in a page would be to have dynamic help icons within the page. By moving the mouse over a help icon, the user could see the message associated with that icon.

Create a page named help2.html that contains a help icon at the bottom left (as in Figure 4.13). You may use the balance3e.com/Images/help.jpg image for your icon, or use your own image if you prefer. When the mouse moves over the icon, a help message should be displayed in a page division to the right of the icon (Figure 4.14). When the mouse moves off the icon, the page division should be cleared. To position the text to the right of the image, consider embedding the image and page division in a table (similar to the demo11.html page from Figure 2.21).