Adobe Dreamweaver CC 2014 v.13 - Manual (Page 725)

To the top
To the top
To the top
Events Displays a pop-up menu, visible only when an event is selected, of all the events that can trigger the action (this menu appears when you
click the arrow button next to the selected event name). Different events appear depending on the object selected. If the events you expect don’t
appear, make sure that the correct page element or tag is selected. (To select a specific tag, use the tag selector at the lower-left corner of the
Document window.)
Note: Event names in parentheses are available only for links; selecting one of these event names automatically adds a null link to the selected
page element, and attaches the behavior to that link instead of to the element itself. The null link is specified as href="javascript:;" in the HTML
code.
About events
Each browser provides a set of events that you can associate with the actions listed in the Behavior panel’s Actions (+) menu. When a visitor to
your web page interacts with the page—for example, by clicking an image—the browser generates events; those events can be used to call
JavaScript functions that perform an action. Dreamweaver supplies many common actions that you can trigger with these events.
For names and descriptions of the events provided by each browser, see the Dreamweaver Support Center at
www.adobe.com/go/dreamweaver_support .
Different events appear in the Events menu depending on the selected object. To find out what events a given browser supports for a given page
element, insert the page element in your document and attach a behavior to it, then look at the Events menu in the Behaviors panel. (By default,
events are drawn from the HTML 4.01 events list, and are supported by most modern browsers.) Events may be disabled (dimmed) if the relevant
objects do not yet exist on the page or if the selected object cannot receive events. If the expected events don’t appear, make sure the correct
object is selected.
If you’re attaching a behavior to an image, some events (such as onMouseOver) appear in parentheses. These events are available only for links.
When you select one of them, Dreamweaver wraps an tag around the image to define a null link. The null link is represented by javascript:; in
the Property inspector’s Link box. You can change the link value if you want to turn it into a real link to another page, but if you delete the
JavaScript link without replacing it with another link, you will remove the behavior.
To see which tags you can use with a given event in a given browser, search for the event in one of the files in the
Dreamweaver/Configuration/Behaviors/Events folder.
Apply a behavior
You can attach behaviors to the entire document (that is, to the tag) or to links, images, form elements, and several other HTML elements.
The target browser you select determines which events are supported for a given element.
You can specify more than one action for each event. Actions occur in the order in which they’re listed in the Actions column of the Behaviors
panel, but you can change that order.
1. Select an element on the page, such as an image or a link.
To attach a behavior to the entire page, click the tag in the tag selector at the lower-left corner of the Document window.
2. Choose Window > Behaviors.
3. Click the Plus (+) button and select an action from the Add Behavior menu.
Actions that are dimmed in the menu can’t be chosen. They may be dimmed because a required object doesn’t exist in the current
document. For example, the Control Shockwave or SWF action is dimmed if the document contains no Shockwave or SWF files.
When you select an action, a dialog box appears, displaying parameters and instructions for the action.
4. Enter parameters for the action, and click OK.
All actions provided in Dreamweaver work in modern browsers. Some actions do not work in older browsers, but they will not cause errors.
Note: Targeted elements require a unique ID. For example, if you want to apply the Swap Image behavior to an image, the image requires
an ID. If you don’t have an ID specified for the element, Dreamweaver automatically specifies one for you.
5. The default event to trigger the action appears in the Events column. If this is not the trigger event you want, select another event from the
Events pop-up menu. (To open the Events menu, select an event or action in the Behaviors panel, and click the downward-pointing black
arrow that appears between the event name and the action name.)
Change or delete a behavior
After attaching a behavior, you can change the event that triggers the action, add or remove actions, and change parameters for actions.
1. Select an object with a behavior attached.
2. Choose Window > Behaviors.
3. Make your changes:
To edit an action’s parameters, double-click its name, or select it and press Enter (Windows) or Return (Macintosh); then change
parameters in the dialog box and click OK.
718