POP UP MESSAGES

Pop up messages can be annoying, but here’s how to make one.

You need to use the Behaviors panel—open it from the Window menu.

 

    

If you want text to trigger the event, select the word(s) and in the properties panel, type "javascript;:" in the link field.

 

   javascript code

Click on the Behaviors tab in the Tag panel (open this panel from the Window menu).

Then click on the + sign at the top. Halfway down, you’ll see the option to create a “popup message.” When you select that, a dialog box opens where you type the message you want to appear when someone clicks the link.

Click OK and test it in your browser.

 

  

add behavior

popup input

CREATING A NEW BROWSER WINDOW

There may be times when you might want a viewer to click on a link and have that link open in it’s own, personal window. This is easy to do.

Select the type or image you want to act as the trigger to open a new window, and type "javascript:;" in the link field of the property inspector.

Click on the "add behavior" plus sign and select "open browser window" from the list.

 

  

open window behavior

 

In the dialog box that pops up, click the browse button and navigate your way to the file you want to display in this new window.

Specify the dimensions, and check any attributes you want that window to have. Naming each window is a good idea, so you won’t get duplicates of it opening all over the place.

 

  

open browser window

 

When you click OK, note in the behaviors panel, the action may be “onLoad,” rather than “onClick.” If you want this window to open the minute your page loads, leave this as is.

Otherwise, select the text or image and change “onMouseOver” behavior to “onClick” in the behaviors panel.

Very cool.

 

   change behavior

But wait, there’s more! When you tested this in your browser, you probably noticed that the new window opened just slightly down and to the right of the regular browser window. This is the default position. To make your new window open in a specific place, you have to get into some HTML coding.

Ether switch your view to “split” or “code” using the document toolbar at the top of your document, or open the Code Inspector from the Window menu. Scroll up to the <head> section and look for this code:

Function MM_OpenBrWindow(theURL,winName,features) { //v.20
window.open(theURL,winName,features);
}
Add this code (indicated in green):

Function MM_OpenBrWindow(theURL,winName,features) { //v.20
newWin=window.open(theURL,winName,features);
newWin.moveTo(x,y);
}

Instead of x and y, put in the number of pixels you want to move the window horizontally (x) and vertically (y). Test it and adjust your x and y numbers to get it just right.

If you want to add a “close this window” link or button, open the actual html file that will display in the new window and either type the text or insert a “close window” image. Select it and type this in the link field of the properties panel:

javascript:window.close()

 

  

go ahead and click on it!