Pop-up screen with Image Map

R

Russ Hunter

What I am trying to accomplish is to open a small pop-up window with certain
data in it when someone clicks on a state from the picture of an US map. I
could use the image map and draw boundaries on each state but then I can
only open a full page - and not a small popup screen.

Not sure how to go about doing it. Any help greatly appreciated. Using
FP2003 on WinXP-Pro.

TIA

Russ Hunter
 
J

Jim Buyens

-----Original Message-----
What I am trying to accomplish is to open a small pop-up
window with certain data in it when someone clicks on a
state from the picture of an US map. I could use the
image map and draw boundaries on each state but then I
can only open a full page - and not a small popup screen.

Associate the hotspot with a URL such as:

javascript:window.open('popup.htm','_blank',
'height=200,width=400,top=100,left=100,
directories=no,location=no,menubar=no,
resizable=no,scrollbars=no,status=no')"

all on one line.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 
T

Tom Pepper Willett

Or, download the free FP addin Spawn from www.jimcoaddins.com
--
-----
Tom Pepper Willett
Microsoft MVP - FrontPage
http://www.microsoft.com/office/frontpage/prodinfo/default.mspx
http://msdn.microsoft.com/office/understanding/frontpage/
----
| you need a javascript to make the popup window the size you want it.
|
| www.hotscripts.com
| http://javascript.internet.com
|
| might have what you want - search their sites for "pop-up window" or
similar.
|
|
| | > What I am trying to accomplish is to open a small pop-up window with
certain
| > data in it when someone clicks on a state from the picture of an US map.
I
| > could use the image map and draw boundaries on each state but then I can
| > only open a full page - and not a small popup screen.
| >
| > Not sure how to go about doing it. Any help greatly appreciated. Using
| > FP2003 on WinXP-Pro.
| >
| > TIA
| >
| > Russ Hunter
| >
| >
|
|
 
R

Russ Hunter

Hi Jim:

Thanks for your reply. Sorry couldn't get back to the newsgroup due to
holidays and all.

I tried your solution but I don't think I am doing it right as it's not
working. Could you be a little more specific how to add the scripts (of
course after slight modification to reflect the correct link) in the code
view?

Thanks,
Russ
 
R

Russ Hunter

Hi Tom:

Thanks for your input. However, I've already tried Jimco's Spawn and it
doesn't do what I am trying to accomplish. What I have is a map of US with
state boundaries. I use the Polygonal Hotspot tool to draw the boundary, say
around the state of Arizona, then I invoke Jimco's Spawn and fill out the
necessary details. Essentially what it does is, it makes the entire image of
US map (.gif) a hyperlink and not just the hotspot I just created, so na
matter where you click on the map, it opens the same page that I provided
during the creation of pop-up screen.

I've also tried the behavior (onclick) to open a new browser screen but then
I have no control over the size of the pop-up screen.

I also have WebsUnlimited's pop-up maker but that also does not allow me to
use hotspots to create pop-up page.

Any other suggestion Tom?

Russ
 
J

Jim Buyens

Russ Hunter said:
Hi Jim:

Thanks for your reply. Sorry couldn't get back to the newsgroup due to
holidays and all.

I tried your solution but I don't think I am doing it right as it's not
working. Could you be a little more specific how to add the scripts (of
course after slight modification to reflect the correct link) in the code
view?

Whoops, my mistake. You also need void(0) at the end.

To test this, open a new, blank web page, switch to HTML view, and
paste this code after the <body> tag, all on one line:

<a href="javascript:window.open('popup.htm','_blank',
'height=200,width=400,top=100,left=100,
directories=no,location=no,menubar=no,
resizable=no,scrollbars=no,status=no');void(0);">popup</a>

Of course, you'll need to change the URL popup.htm so it points to a
file that exists in your own site.

Having done this, save the page and preview it in IE. Clicking the
hyperlink should display the new window.

To make this happen from a picture hotspot:

1. For a new hotspot, select the picture, select the tool
you want from the Pictures toolbar, and mark the hotspot
area in the usual way. This will display an Insert Hyperlink
dialog box.

For an existing hotspot, select the picture, right-click the
hotspot area, and choose Hyperlink from the shortcut menu.

2. Enter a URL string such as the following in the Address text box,
all on one line:

javascript:window.open('popup.htm','_blank',
'height=200,width=400,top=100,left=100,
directories=no,location=no,menubar=no,
resizable=no,scrollbars=no,status=no');void(0);

As before, change popup.htm to the URL of your popup page.

3. Click OK.

Alternatively, if you have a lot of these to do, add the following
script to your <head> section:

<script>
function myPopup(aPage){
window.open (aPage,"_blank",
"height=200,width=400,top=100,left=100,directories=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no");
}
</script>

and then configure a hyperlink like this for each hotspot:

javascript:myPopup('popup.htm');void(0);

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 
R

Russ Hunter

Jim:

Thank you very much for your help. Your solution worked like a charm. Now I
can get back to business. Really, really appreciate your kind help.

I hope this feature/capability is added in future version of Jimco Spawn or
WebsUnlimited's Pop-up maker.

Have a great new year.

Russ
 
J

Jim Buyens

Russ Hunter said:
Jim:

Thank you very much for your help. Your solution worked like a charm. Now I
can get back to business. Really, really appreciate your kind help.

I hope this feature/capability is added in future version of Jimco Spawn or
WebsUnlimited's Pop-up maker.

That's up to you but you already got it working for free.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 
G

Guest

I am also using an image map but want to link the mouseover with a layer in FP2003. Any suggestions would be greatly appreciated

Thank

Stephen
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top