Dreamweaver Extensions
 

Neonix TD Rollover 3

<< Back

Directions

The interface is divided into two sections: the left side is a list of all the TD Rollovers in the current page (if any) and the right side is a tabbed interface where TD Rollovers can be created and edited (Click here to view the Interface).

Click here to view a Demo of how to use the extension to insert a basic TD rollover. On windows in Internet Explorer, press "F11" to view the demo in kiosk mode (almost full-screen). Pressing "F11" repeatedly toggles to and from kiosk mode.

 

To Create A New "TD Rollover"

  1. Create a table to use as your" toolbar" or "button(s)".
  2. Click in a table cell.
  3. Start Neonix TD Rollover 3 by clicking the "Commands" menu, then selecting the "Neonix Commands..." option and then click on "Neonix TD Rollover 3".
  4. Enter the name of the new "TD Rollover" in the "Name" field.
  5. Enter or browse to the file you want to link to (optional).
  6. Enter the Rollover Color for TD Rollover or Text Rollover by typing in the hex value or by clicking on the color picker - this is the color that will appear when you move your mouse cursor over the table cell.
  7. Enter the Default Color for TD Rollover or Text Rollover by typing in the hex value or by clicking on the color picker - this is the default color, it is what you see when you are not mousing over the table cell.
  8. Specify a "Rollover Type" for a for TD Rollover or Text Rollover :
    • "None" - Disables the rollover effect.
    • "Instant" - this swaps out the default color for the rollover color.
    • "Fade" - this fades the default color to the rollover color.
  9. Click "Create".
  10. To add another "Neonix TD Rollover", close the extension by clicking the "Ok" button and repeat this process.

 

Creating Text Rollover Effects

The process is very much like that for inserting TD Rollovers, except that you leave the settings for the TD Rollover alone and instead set the colors for "Text".

 

Setting Rollover Options

  1. Select a Rollover from the Rollover List.
  2. Click the "Options" tab...

Change Cursor Over Table Cell

This option toggles the behavior of the cursor when it is rolled over the table cell. When checked the cursor will change into a hand, when unchecked the cursor will not change from its default appearance.

Fade Speed

This setting controls the speed at which all color fades will happen and applies to both the table cell fade and text fade. The default setting is "1" and is the slowest setting. The higher the setting the faster the fade.

Frame Target

This field has a dual function:

  • To target a frame - enter the name of the frame.
    Caveat: This will not work if targeting frames within a nested frameset as this functionality assumes that only one frameset exists. Work arounds are easy to implement - see the Option "Treat Link As JavaScript" for details.
  • To open a new window - enter any name that is not that of an existing frame. This mimics the "_blank" target setting for conventional links.

Treat Link As Javascript

Toggling this settings allows the user to insert JavaScript into the Link field in the Settings tab. Developers will want to utilize this feature by writing JavaScript via the usual method in <script> tags elsewhere in the document and then making function calls from the TD Rollover's Link field.

For example, if you have a nested frameset and require that something loads in a frame of the nested frameset, a script can be written that accomplishes this task and then the custom function can be called by checking "Treat Link As JavaScript" and inserting the function call (i.e., "SomeFunction()") in the "Link" field of the Rollover's Settings tab.

Always Check For TD Rollover Scripts

This is a global setting and is always remembered by the extension. This option caters to the preference of some Developers to consolidate their scripts in external files.

This option, when checked, makes the extension check to see if the scripts necessary for the rollovers to function are in the page everytime a Rollover is created or changed.If the scripts are missing the extension will add them to the page. If this option is not checked the above behavior does not happen.

The setting is saved each time the check box is checked so there is no need to select a Rollover or to "apply" it some how. Just check or uncheck. Unchecking this option will not remove the scripts from the page.

 

Changing the settings of an existing "TD Rollover"

  1. Start Neonix TD Rollover by clicking the "Commands" menu, then Selecting the "Neonix Commands..." option and then click on "Neonix TD Rollover".
  2. If there are TD Rollovers in the page, they will be listed in the "TD Rollover List", select the one that you would like to change - the settings will appear in the text fields in both the Settings and Options tabs..
    • The "Sort" button lets you control how all the TD Rollovers are displayed - either in the order as they appear in your source code or alphabetically.
  3. Modify the various rollover settings as necessary.
  4. Click the "Change" button.

How To Remove A "TD Rollover"

  1. Start Neonix TD Rollover by clicking the "Commands" menu, then Selecting the "Neonix Commands..." option and then click on "Neonix TD Rollover".
  2. If there are TD Rollovers in the page, they will be listed in the "TD Rollover List", select the one that you would like to Remove
  3. Click the "Remove" button

Help

  1. If you are trying to access Neonix TD Rollover from the Commands menu but see that it is grayed-out and you are unable to select it, it is due to the following reasons:
    • Your page may not have any tables in it.
    • Your current selection is not valid - you must CLICK in a table cell or completely outside a table - do not hi-lite anything in the cell or anything else
    • The entire table cell might be selected - this is not a valid selection, click once inside a table cell to select it.

  2. If when you start Neonix TD Rollover you find that you have multiple TD Rollovers with the same name, it is most likely due to manipulating the table (i.e., adding or merging table cells) after you have applied a TD Rollover to one or more table cells. If this happens, remove all the TD Rollovers of the same name and then re-insert them where necessary. - OR - select each duplicate name from the TD Rollover List and change them so that each duplicate name is unique.
  3. Where is the "Create" button? Where is the "Change" button? One button is used for both Creating and Changing rollovers and it is located at the bottom of the Settings tab. You will notice that this button will say either "Create" or "Change" depending on what you are doing. You MUST click this button to create a new TD Rollover or to change a TD Rollover. View the screen captures or the Product Demo for more information.

 
 

© 2001-2004 Neonix.net, LLC. All rights reserved

 Privacy Statement // Terms/Conditions/License