beautypg.com

Attach javascript behaviors to html form objects, Attach custom scripts to html form buttons, Create accessible html forms – Adobe Dreamweaver CS3 User Manual

Page 619

background image

DREAMWEAVER CS3

User Guide

612

Attach JavaScript behaviors to HTML form objects

You can attach JavaScript behaviors stored in Dreamweaver to HTML form objects such as buttons.

Note: This feature does not work with ASP.NET form controls because these controls are processed on the server.

1

Select the HTML form object.

2

In the Behaviors panel (Window > Behaviors), click the Plus (+) button, and select a behavior from the list.

Attach custom scripts to HTML form buttons

Some forms use JavaScript or VBScript to perform form processing or some other action on the client as opposed to
sending the form data to the server for processing. You can use Dreamweaver to configure a form button to run a
specific client-side script when the user clicks the button.

Note: This feature does not work with ASP.NET forms.

1

Select a Submit button in a form.

2

In the Behaviors panel (Window > Behaviors), click the Plus (+) button, and select Call JavaScript from the list.

3

In the Call JavaScript box, enter the name of the JavaScript function to run when the user clicks the button, and

click OK.

For example, you can enter the name of a function that doesn’t exist yet, such as

processMyForm()

.

4

If your JavaScript function doesn’t exist in the

head

section of the document yet, add it now.

For example, you could define the following JavaScript function in the

head

section of the document to display a

message when the user clicks the Submit button:

function processMyForm(){

alert('Thanks for your order!');

}

See also

“Apply the Call JavaScript behavior” on page 350

Create accessible HTML forms

When you insert an HTML form object, you can make the form object accessible, and change the accessibility
attributes later.

Add an accessible form object

1

The first time you add accessible form objects, activate the Accessibility dialog box for form objects (see

“Optimizing the workspace for visual development” on page 538).

This is a one-time-only step.

2

In the document, place the insertion point where you want the form object to appear.

3

Select Insert > Form, and select a form object to insert.

The Input Tag Accessibility Attributes dialog box appears.

4

Complete the dialog box, and click OK. Here is a partial list of options:

September 4, 2007