Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Project Seven dot com

downclass 2 by pvii

The downClass 2 by PVII behavior is a specially designed to work in "concert" with MultiClass2 to allow you to define the "downstate" class for any number of elements on your page. This capability is especially useful in managing the "downstate" color of a menu button or navigational element.

Download the Multi-Class 2 extension

Overview

downClass2 by PVII works by allowing you to define the objects and their assigned class names that you wish to keep unchanged, regardless of other MultiClass2 events on the page. This allows you to over-ride a "standard" series of MultiClass2 events on the page without having to individually modify all of the MultiClass2 events. A good example of this would be a menu button background color that you would not want to change because it represents the current page ("downstate"), while still allowing all other MultiClass2 event to change the other menu buttons.

The downClass2 behavior is designed to be applied to the <body> tag, onLoad event. This allows the script to set up its exception list so that it can interface with the MultiClass2 events on the page. Although the downClass2 behavior can be placed on any tag, keep in mind that the function must run before any MultiClass2 events in order to be effective.

Note: To access the <body> tag to apply this behavior:

  1. Click the <body> tag at the bottom left of the Dreamweaver window.
  2. Open the Behavior panel
  3. Confirm that it reads: Behaviors - <body> Actions

DownClass 2 is designed to work with the MultiClass2 behavior and the operation and interface are similar. See the MultiClass2 by PVII Help file for a complete discussion on using the MultiClass2 behavior.

Creating a downClass2 by PVII event

  1. Select (click) the <body> tag on the lower left border of the DW window.
  2. Click the plus button (+) on the Behaviors Panel.
  3. Choose Studio VII - CSS - downClass2 by PVII to open the interface.
  4. Select a Object Id.
  5. Select a Class Name.

If you want to add more class changes, Click the Add Item button repeat Steps 4 and 5.

If you want to Delete a class change, Click the line you wish to delete and then

  1. Click the Delete Item button.
  2. Click OK to apply the behavior.

Modifying an existing downClass2 by PVII behavior

  1. Select (click) the <body> tag on the lower left border of the DW window, or the element that contains an existing downClass2 by PVII behavior.
  2. Double-click the downClass2 behavior in the Behavior Panel to open the user interface.
  3. Select the line you wish to modify and Select the new Object Id and Class Name.
  4. Click OK to apply the revised behavior.

The Interface:

The downClass2 by PVII interface allows you to easily set or modify, add or delete the downClass2 settings at any time.

DownClass User Interface

Class Changes

This listing shows all of your defined class changes. The class changes are listed as object id/class name pairs, one pair for each line. You can add as many lines (class changes) as you like and you can delete any line at any time. This listing provides an easy visual reference to all of your defined class changes. To edit any of the lines (class changes), simply click on that line and make the appropriate selections for the Object Id and Class Name boxes.

Object Id

All of the elements on your page that contain an id (<p id="abc">) will be listed here. The element that you select here will automatically be assigned the selected class name. When you first create a new downClass2 event, or whenever you create a new line, the default reminder message "Select an Object.." will be shown. Select any of the object ids listed. If you forget to make a selection, downClass2 will remind you when click the OK button. The object you select here will now be ignored by any other MultiClass2 events on the page and will retain the class name setting you define in the Class Name box.

Class Name

This listing shows all of the CSS class names that are on your page or defined in any style sheets that are linked to your page. Select the class name that you wish to change to. The element on your page that is set to the selected Object Id will be automatically changed to use this class. When you first create a new downClass2 event, or whenever you create a new line, the default reminder message "Select an Class Name.." will be shown. Select any of the class names listed. If you forget to make a selection, downClass2 will remind you when click the OK button.

Add Item

Click this button to add a new line, ready to receive another class change definition; Object Id and Class Name. You can add as many class changes as you like. Whenever you create a new line, the default reminder messages "Select an Class Name.." and "Select a Class Name.." will be shown. Be sure to make a selection for each. If you forget to make a selection, downClass2 will remind you when click the OK button.

Delete Item

Select the line you wish to delete in the "Class Changes" box and click the Delete button. The class change that was defined will be removed from the listing. You can delete as many lines as you like, although downClass2 will insist on keeping at least one line. If you try to delete the only line, downClass2 will restore this line to the preset defaults.

Downclass 2 Help | MultiClass2 Help | back to main listing