|
JavaScript in Dreamweaver: rollovers,
popup windows, play sounds
 How
to insert a rollover graphic:
First, obviously, you need two images
prepared for the Web. To make your rollover smooth these
images should be exactly the same size.
You do not insert a rollover image the
same way as you insert a regular image in Dreamweaver.
Once you have your images, choose the
rollover icon in the Objects window or go to Insert-->Interactive
Images-->Rollover Image
|
From
here you must:
Give the image
a name
Click the folder,
browse for the ON image and the OFF image you created
The image
must be a link in order to be a rollover graphic,
so select the page it should link to. If you really
don't want this image to be a link for some reason,
just enter # in the link window.
|
How to make a popup window;
To make a window popup of a specific
size when you click a link then:
1. Make your link but enter # in the
link window instead of linking to a file
2. With the link
highlited, in the Launcher window, click Behaviors
3. Click the PLUS sign and then choose
Open Browser Window. Then click to browse for the file you
want to open, enter the dimensions you want the window to
be, and give the window a unique name.
4. Once you click OK, look at the Behaviors
Window
If you want the window to popup on Mouse
Down (when a user clicks) instead of Mouse Over you might
have to make a few more adjustments. Simply click the word
onMouseOver and a pulldown arrow will appear next to it,
pull this menu down and select Show Events For and then
choose 4.0 and later browsers instead of 3.0 and later browsers.
How to make a JavaScript alert message,
and other fun tricks:
1. There are a lot of fun behaviors
to try. Follow the steps for making a popup window, but
instead of choosing Open Browser Window select Play
Sound or Popup
Message.
|
