option from the File menu. When the New Document dialog appears, select the HTML option from the Basic Page category and click Create. 2. With your cursor in the new blank page, insert a new Button form object by cliciking the Button icon from the Forms category of the Insert bar. 3. When the Add Form Tag dialog appears, click No. 4. With the Button form object selected, change the Action to None so the button doesn't try to submit or reset the non-existent form when it's clicked. You can also change the button's Value to read anything you'd like. I'll change mine to say Click Me. 5. If you haven't done so already, open the Behaviors panel by choosing the Behaviors option from the Window menu (or by pressing Shift+F4). With the panel open, click the Add (+) icon to expand the Behaviors list and choose the Popup Message Behavior similar to Figure 10.2. Figure 10.2. Select the Popup Message Behavior from the Behaviors panel list. [View full size image] 6. When the Popup Message dialog appears, enter some text. I'll enter the text Hello. Click OK. 7. Save your work and test the results in the browser by choosing the Preview in Browser option from the Document bar (or by pressing F12). Click the button in the browser to see the popup message appear. As you can see, attaching behaviors to objects is relatively simple. You just select your object and then choose the desired behavior from the list in the Behaviors panel. Beyond the simplicities of attaching behaviors to objects lies functionality for managing events, event views, and determining browser support. The callouts in Figure 10.3 demonstrate the selectable options exposed by the Behaviors panel. Figure 10.3. The Behaviors panel includes functionality for managing behaviors and events associated with behaviors. [View full size image]   In detail, the functionality exposed in the Behaviors panel is described here: Event: After you've added a behavior, the event associated with the action appears in this column. By default, Dreamweaver lists all events supported by the selected object. Although form objects, hyperlinks, and the page might share similar events, other objects might have different events all together. To pick a different event for selected object, click just to the right of the event in the event's row and choose the event from the drop-down menu (see Figure 10.4). Figure 10.4. Supported events for a particular object appear in the events drop-down menu.   NOTE Depending on the selected object, event names may appear in parentheses. In general, these events are available only for links. Selecting an event that appears within parentheses automatically adds a null link (javascript:;) to the hyperlink's Href attribute. This prevents the link from trying to refresh the page by simply calling the JavaScript function.   Action: The action associated with the behavior appears in this column. The action cannot be changed but can be modified by double-clicking it. Doing so opens the original dialog associated with the behavior. Show Set Events: Click this icon to display only events that have been attached to a particular object.