iFrame Suite Dreamweaver Extension

Manager |
Linker |
Scroller |
Jump Menu |
Pager

iFrame Suite Jump Menu

The iFrame JumpMenu extension allows you to target iFrames from a List Menu or a Jump Menu. Cross Frame targeting is also supported.

Accessing the Interface

Access the iFrame JumpMenu Interface by clicking on the in the Behaviors Panel and browse to the iFrame Linker™ in the 4LeveliFrameSuite flyout category near the top of the list.

The Interface
Roll over the options for a description

This text is in is an iFrame. Netscape series 4 browsers do not display iFrames. You will need to view this page in Internet Explorer, Netscape 6 and above, or Opera Browsers.

Both by Selection • Manual iFrame • ManualFrame • Both Manual

These links demonstrate the manual naming methods

Inserting the List

The first thing you will need is a Menu. From the Forms category of the Dreamweaver Objects Panel select the List/Menu which will insert the menu onto your page.

DW4 Objects Panel

After you have done this you can make a selection in the Property Inspector to determine which type of menu you would like this to be ... List or Menu. Either is fine. Here is an example of both types.

These are dummy lists and have no functions attached.

List

Applying the Behavior - Making it a Jump Menu

Now that you have your menu in place you can transform it into a Jump Menu available with all of the options available from the interface.

Interface Access

Access the Interface by clicking on the in the Behaviors Panel and browse to the 4Level Open Browser option in the 4Level flyout category near the top of the list.

Jumping to iFrames within the same document ( no Frameset )

Most commonly you will be linking to iFrames from links that are in the same document.

Interface Display:

The iFrames List will display a list of iFrames currently inserted in your page.
The Frames List will indicate that there are no document Frames found.

Instructions:

Choose	Choose the iFrame you wish to target from the list.
Build	Your Jump Menu links from the Menu Items section.
Press	the Ok button.

Making Changes

Should you wish to make changes to your settings once you have applied the behavior, select the dropdown list and double click the iFrame Jump Menu in the Behaviors Panel and the interface will appear where you can make your changes.

Select	the dropdown list in Dreamweaver design view.
Double Click	the iFrame Jump Menu option in the Behaviors Panel.
Make	your desired changes.
Press	the Ok button.

Styling the Dropdown

You can add some spice to your dropdown menu for IE and NN6+ browsers. Netscape4 series browsers are deficient in this area and the form will appear as normal.

Place this code inside the <head> section of your document. You can change the colors to whatever you wish.

Then apply this style to the Select object ( Which is the dropdown )

The class can be set easily from the Dreamweaver design view by right clicking the <select> icon in the Tag Selector at the bottom of the Dreamweaver interface and selecting the style.