How to have a hot spot open a small separate window

Question

Hi everybody.
                    I'm trying to make a new website.  My old one (burrjohnson.com) is in bad need for an upgrade.  In my new website that I'm currently working on, I have a page that has a picture in the main div section. The picture is an image that shows 9 guitars.  I have made each guitar in the image into a hot spot.  I've created a seperate html page for each hotspot to go to that has a description of each guitar.  I want people to be able to click on each guitar in the image and have a window pop up (seperate smaller page) that has the description for that particular guitar.  With my old website, on the "gigs" page (the page where people could see where my band is playing) if you clicked on the images I placed on that page, (like a pictire of the club for that gig) it opened a seperate window containing the clubs website.  I accomplished this by putting the clubs website address in the "link" portion of the properties inspector for the image in question. It opened a seperate window because in the "link" window, the address for the clubs website was preceded by "javascript:openNewLgWindow".  so, for example, in the gigs page, at the top, there is an image under the info for our gig we did in Putnam Valley on november 5th.  It is a Putnam Valley picture, and if you click on it, it opens a seperate window with their website.  In the properties inspector for that image, the "link" window has the following in it: 
javascript:openNewLgWindow('http://www.pvpr.com/home.php?ID=ParkFacilities');
This opens a seperate window with their address in it. 
Now, with the new website page,  I want to have each hot spot surrounding each guitar open its respective info page, but putting the javascript part in front of the name of page does not work.   if I take out the javascript part, the hot spot will take you to the info page but it doesn't open a seperate window. 
Idealy what I hope I can do is just have a small window open when you click on the hot spot (because the content in the info pages are only about 4 inches by 4 inches
How can I do this??
Thank you in advance
Burr

Answer 1

Making a POP-UP window in Dreamweaver with the Behaviors Panel
=================================================
1.  Insert an image or type some text on your page.
2.  Select it and go to the Link Field in your Properties Panel.  Browse for the file or type the full URL (http://example.com).
3.  Go to the Behaviors Panel and hit the plus sign to add a new behavior.
4.  Select Open Browser Window from the list.
5.  Browse to file or type the URL (Yes, a 2nd time).
6.  Set the height, width and other optional attributes for your pop-up window. (See link below for details)
http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcd a9110b1f693f21-7b07a.html
7.  Hit OK.
8.  Verify that the behavior's trigger event is onClick.  If it's not, click the event box to show other trigger options.
9.  Go back to the Properties Panel and replace the first URL in the link field with javascript:() This makes the primary link into a null link.
Save your page and preview in browsers.
PS. It takes longer to explain all these steps than it does to do it.
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb