[Pro] Pop-up window when the mouse gets over a detail of an image?

I have to make a page like this: http://www.gatesfoundation.org/regions/Pages/default.aspx and I don’t know how (and if) I can do this in Freeway Pro. When the mouse goes over an area of an Illustration it should show a pop-up whit some information and linked text.
If the mouse goes over an other area, in this case a continent, I should have an anther color and when I click on this area I should be enlarged or linked to another page where I put for exampel a map of Europe.
Can anyone help me with this (in simple English). Information in Dutch is even better : )


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The example you show was done in Flash, but a similar effect can be
achieved in Freeway Pro.

You need to use the Target Show/Hide Action and Rollover Action (from
the Item Menu > Actions) to trigger changes.

In it’s simplest form, make each individual area of you map a rollover
(using two colours) and set a ‘MouseOver’ or Click number in the
Rollover Action window Parameters tab.

Then make your information panels as separate layers and apply the
Target Show/Hide Action to each one. Set the Target # for each one to
match the number in the relevant map area (e.g. country or continent)
and also set as Initially: Hidden.

You can experiment with other settings in the Actions to get the
effect you need, such as fading.

The result will be something like this:

http://www.greenmech.co.uk/dealers/index.php

However, in my example I have chosen not to change the colour on the
map, as in your original example.

Colin.

On 5 Jan 2010, at 10:42, Bart wrote:

I have to make a page like this: http://www.gatesfoundation.org/regions/Pages/default.aspx
and I don’t know how (and if) I can do this in Freeway Pro. When
the mouse goes over an area of an Illustration it should show a pop-
up whit some information and linked text.
If the mouse goes over an other area, in this case a continent, I
should have an anther color and when I click on this area I should
be enlarged or linked to another page where I put for exampel a map
of Europe.
Can anyone help me with this (in simple English). Information in
Dutch is even better : )


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Colin,

Thank you for your help! That’s exactely what I was looking for.
On your example I see in the ‘popup’ some text and links and also an illustration. How did you do this?
If I place some linked text and I want to click on it, the text disapears when the mouse is no longer above the country…
Is it possble to use more than 20 areas?

Bart

You need to use the Target Show/Hide Action and Rollover Action (from
the Item Menu > Actions) to trigger changes.

In it’s simplest form, make each individual area of you map a rollover
(using two colours) and set a ‘MouseOver’ or Click number in the
Rollover Action window Parameters tab.

Then make your information panels as separate layers and apply the
Target Show/Hide Action to each one. Set the Target # for each one to
match the number in the relevant map area (e.g. country or continent)
and also set as Initially: Hidden.

You can experiment with other settings in the Actions to get the
effect you need, such as fading.

The result will be something like this:

http://www.greenmech.co.uk/dealers/index.php

However, in my example I have chosen not to change the colour on the
map, as in your original example.

Colin.

On 5 Jan 2010, at 10:42, Bart wrote:

I have to make a page like this: http://www.gatesfoundation.org/regions/Pages/default.aspx
and I don’t know how (and if) I can do this in Freeway Pro. When
the mouse goes over an area of an Illustration it should show a pop-
up whit some information and linked text.
If the mouse goes over an other area, in this case a continent, I
should have an anther color and when I click on this area I should
be enlarged or linked to another page where I put for exampel a map
of Europe.
Can anyone help me with this (in simple English). Information in
Dutch is even better : )


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There are “60” versions of these core Actions available at
ActionsForge. Spinal Tap may prefer to go to 11, but we brave
(Freeway) few are made of sterner stuff.

Walter

On Jan 5, 2010, at 10:22 AM, Bart wrote:

Is it possble to use more than 20 areas?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Perfect, thank you for your reply Walter!

There are “60” versions of these core Actions available at
ActionsForge.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I need to do this EXACT thing. How do you choose different areas of the map?

I tried the Map Area Tool, but it doesn’t seem to work properly. If I use the Path function, after closing the path, it changes the size of the path and it jumps to a different area (!!).

I also don’t see a lot of options for it when choosing an action.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi,

Not wishing to muddy the water here but I came across this a while back: http://www.magictoolbox.com/magiczoom_wizard/

Haven’t a scooby how one integrates it with Freeway but … possible alternative solution.

regards,

seoras


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Use the Map Path tool, which is available from the drop-down when you
click and hold the Map Area Icon.

Draw your Map area slightly inside the border of each region you want
to isolate and try not to use too may points - especially if you want
to use the full standard twenty or more areas (Freeway seems to get
touchy if you get over zealous!). Then just make each one a rollover
and set the ‘MouseOver’ or ‘Click’ number to find your target.

For the Target Show/Hide Action I used:
Initially: Hidden
Restore: Sticky
Effect: Fade
Duration: 0.5

HTH Colin

On 5 Jan 2010, at 15:54, Robert B wrote:

I need to do this EXACT thing. How do you choose different areas of
the map?

I tried the Map Area Tool, but it doesn’t seem to work properly. If
I use the Path function, after closing the path, it changes the size
of the path and it jumps to a different area (!!).

I also don’t see a lot of options for it when choosing an action.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The Image, Text and Links are all contained in an HTML container.

Draw an HTML Box, give it a name and click in it so that the cursor
flashes.

Go to the ‘Insert’ menu and choose 'Insert HTML… or ‘Insert
Graphic…’ and add content in the normal way to the boxes which
appear, nested within your original container. If you choose image
first, then press return and insert an HTML item, the image will
appear above the text. These are in-line items and behave like
complete words in a run of text, so you can range right or left,
centre, etc.

Apply the Target Show/Hide Action to the original, HTML box only. If
you have difficulty selecting it. you will find it easier to click on
its name in the Site Panel on the left of your screen.

Colin

On 5 Jan 2010, at 15:22, Bart wrote:

Hi Colin,

Thank you for your help! That’s exactely what I was looking for.
On your example I see in the ‘popup’ some text and links and also an
illustration. How did you do this?
If I place some linked text and I want to click on it, the text
disapears when the mouse is no longer above the country…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m not getting the same options in the map area as I would if I just made the whole image a rollover.

I get less options with the map area.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well, I’m not sure what I’m missing here, but this just doesn’t seem to work with the map tools.

When I hover over the areas, it does nothing.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Colin,

It all seems to work fine exept this: when I goes over the area with the mouse I see the container (including the links) but it’s not possible to click this window. When the mouse ins’t above the area the container isn’t visible anymore. Any idea what I did wrong?

Bart

The Image, Text and Links are all contained in an HTML container.

Draw an HTML Box, give it a name and click in it so that the cursor flashes.

Go to the ‘Insert’ menu and choose ‘Insert HTML… or ‘Insert Graphic…’ and add content in the normal way to the boxes which appear, nested within your original container. If you choose image first, then press return and insert an HTML item, the image will appear above the text. These are in-line items and behave like complete words in a run of text, so you can range right or left, centre, etc.

Apply the Target Show/Hide Action to the original, HTML box only. If you have difficulty selecting it. you will find it easier to click on its name in the Site Panel on the left of your screen.

Colin


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

How did you get the map areas to work? I can’t seem to make them work at all.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 5 Jan 2010, 4:16 pm, Robert B wrote:

How did you get the map areas to work? I can’t seem to make them work at all.

Bob

On 5 Jan 2010, 9:42 am, Bart wrote:

I have to make a page like this: http://www.gatesfoundation.org/regions/Pages/default.aspx and I don’t know how (and if) I can do this in Freeway Pro. When the mouse goes over an area of an Illustration it should show a pop-up whit some information and linked text.
If the mouse goes over an other area, in this case a continent, I should have an anther color and when I click on this area I should be enlarged or linked to another page where I put for exampel a map of Europe.
Can anyone help me with this (in simple English). Information in Dutch is even better : )

On 5 Jan 2010, 12:07 pm, ColinJA wrote:

The example you show was done in Flash, but a similar effect can be
achieved in Freeway Pro.

You need to use the Target Show/Hide Action and Rollover Action (from
the Item Menu > Actions) to trigger changes.

In it’s simplest form, make each individual area of you map a rollover
(using two colours) and set a ‘MouseOver’ or Click number in the
Rollover Action window Parameters tab.

Then make your information panels as separate layers and apply the
Target Show/Hide Action to each one. Set the Target # for each one to
match the number in the relevant map area (e.g. country or continent)
and also set as Initially: Hidden.

You can experiment with other settings in the Actions to get the
effect you need, such as fading.

The result will be something like this:

http://www.greenmech.co.uk/dealers/index.php

However, in my example I have chosen not to change the colour on the
map, as in your original example.

Colin.

On 5 Jan 2010, at 10:42, Bart wrote:

I have to make a page like this: http://www.gatesfoundation.org/regions/Pages/default.aspx
and I don’t know how (and if) I can do this in Freeway Pro. When
the mouse goes over an area of an Illustration it should show a pop-
up whit some information and linked text.
If the mouse goes over an other area, in this case a continent, I
should have an anther color and when I click on this area I should
be enlarged or linked to another page where I put for exampel a map
of Europe.
Can anyone help me with this (in simple English). Information in
Dutch is even better : )

On 5 Jan 2010, 2:23 pm, Bart wrote:

Hi Colin,

Thank you for your help! That’s exactely what I was looking for.
On your example I see in the ‘popup’ some text and links and also an illustration. How did you do this?
If I place some linked text and I want to click on it, the text disapears when the mouse is no longer above the country…
Is it possble to use more than 20 areas?

Bart

You need to use the Target Show/Hide Action and Rollover Action (from
the Item Menu > Actions) to trigger changes.

In it’s simplest form, make each individual area of you map a rollover
(using two colours) and set a ‘MouseOver’ or Click number in the
Rollover Action window Parameters tab.

Then make your information panels as separate layers and apply the
Target Show/Hide Action to each one. Set the Target # for each one to
match the number in the relevant map area (e.g. country or continent)
and also set as Initially: Hidden.

You can experiment with other settings in the Actions to get the
effect you need, such as fading.

The result will be something like this:

http://www.greenmech.co.uk/dealers/index.php

However, in my example I have chosen not to change the colour on the
map, as in your original example.

Colin.

On 5 Jan 2010, at 10:42, Bart wrote:

I have to make a page like this: http://www.gatesfoundation.org/regions/Pages/default.aspx
and I don’t know how (and if) I can do this in Freeway Pro. When
the mouse goes over an area of an Illustration it should show a pop-
up whit some information and linked text.
If the mouse goes over an other area, in this case a continent, I
should have an anther color and when I click on this area I should
be enlarged or linked to another page where I put for exampel a map
of Europe.
Can anyone help me with this (in simple English). Information in
Dutch is even better : )

On 5 Jan 2010, 2:34 pm, waltd wrote:

There are “60” versions of these core Actions available at
ActionsForge. Spinal Tap may prefer to go to 11, but we brave
(Freeway) few are made of sterner stuff.

Walter

On Jan 5, 2010, at 10:22 AM, Bart wrote:

Is it possble to use more than 20 areas?

On 5 Jan 2010, 2:45 pm, Bart wrote:

Perfect, thank you for your reply Walter!

There are “60” versions of these core Actions available at
ActionsForge.

On 5 Jan 2010, 2:55 pm, Robert B wrote:

I need to do this EXACT thing. How do you choose different areas of the map?

I tried the Map Area Tool, but it doesn’t seem to work properly. If I use the Path function, after closing the path, it changes the size of the path and it jumps to a different area (!!).

I also don’t see a lot of options for it when choosing an action.

Bob

On 5 Jan 2010, 3:15 pm, seoras wrote:

Hi,

Not wishing to muddy the water here but I came across this a while back: http://www.magictoolbox.com/magiczoom_wizard/

Haven’t a scooby how one integrates it with Freeway but … possible alternative solution.

regards,

seoras

On 5 Jan 2010, 3:22 pm, ColinJA wrote:

Use the Map Path tool, which is available from the drop-down when you
click and hold the Map Area Icon.

Draw your Map area slightly inside the border of each region you want
to isolate and try not to use too may points - especially if you want
to use the full standard twenty or more areas (Freeway seems to get
touchy if you get over zealous!). Then just make each one a rollover
and set the ‘MouseOver’ or ‘Click’ number to find your target.

For the Target Show/Hide Action I used:
Initially: Hidden
Restore: Sticky
Effect: Fade
Duration: 0.5

HTH Colin

On 5 Jan 2010, at 15:54, Robert B wrote:

I need to do this EXACT thing. How do you choose different areas of
the map?

I tried the Map Area Tool, but it doesn’t seem to work properly. If
I use the Path function, after closing the path, it changes the size
of the path and it jumps to a different area (!!).

I also don’t see a lot of options for it when choosing an action.

On 5 Jan 2010, 3:34 pm, ColinJA wrote:

The Image, Text and Links are all contained in an HTML container.

Draw an HTML Box, give it a name and click in it so that the cursor
flashes.

Go to the ‘Insert’ menu and choose 'Insert HTML… or ‘Insert
Graphic…’ and add content in the normal way to the boxes which
appear, nested within your original container. If you choose image
first, then press return and insert an HTML item, the image will
appear above the text. These are in-line items and behave like
complete words in a run of text, so you can range right or left,
centre, etc.

Apply the Target Show/Hide Action to the original, HTML box only. If
you have difficulty selecting it. you will find it easier to click on
its name in the Site Panel on the left of your screen.

Colin

On 5 Jan 2010, at 15:22, Bart wrote:

Hi Colin,

Thank you for your help! That’s exactely what I was looking for.
On your example I see in the ‘popup’ some text and links and also an
illustration. How did you do this?
If I place some linked text and I want to click on it, the text
disapears when the mouse is no longer above the country…

On 5 Jan 2010, 3:41 pm, Robert B wrote:

I’m not getting the same options in the map area as I would if I just made the whole image a rollover.

I get less options with the map area.

Bob

On 5 Jan 2010, 3:53 pm, Robert B wrote:

Well, I’m not sure what I’m missing here, but this just doesn’t seem to work with the map tools.

When I hover over the areas, it does nothing.

Bob

On 5 Jan 2010, 4:13 pm, Bart wrote:

Colin,

It all seems to work fine exept this: when I goes over the area with the mouse I see the container (including the links) but it’s not possible to click this window. When the mouse ins’t above the area the container isn’t visible anymore. Any idea what I did wrong?

Bart

The Image, Text and Links are all contained in an HTML container.

Draw an HTML Box, give it a name and click in it so that the cursor flashes.

Go to the ‘Insert’ menu and choose 'Insert HTML… or ‘Insert Graphic…’ and add content in the normal way to the boxes which appear, nested within your original container. If you choose image first, then press return and insert an HTML item, the image will appear above the text. These are in-line items and behave like complete words in a run of text, so you can range right or left, centre, etc.

Apply the Target Show/Hide Action to the original, HTML box only. If you have difficulty selecting it. you will find it easier to click on its name in the Site Panel on the left of your screen.

Colin

On 5 Jan 2010, 4:16 pm, Robert B wrote:

How did you get the map areas to work? I can’t seem to make them work at all.

Bob

to explain this in my ‘poor’ Englisch.
First I imported an Illustration in a Graphical item as a separate layer (not combined with children).
After that I draw mapareas with a path ans imported the same illustration (only the color is changed) also in a layer and NOT combined with children.
This drawn arias has the action show/hide layer.

Hope you understand what I’m trying to explain.

Bart


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK. I bring in a graphic into a new layer box. Then, take the Map Area path tool and draw out an area. Then, set up my show/hide layer on another layer with items in it. Add the Rollover Action to the map area, set it up and the show/hide layer actions.

When I preview in browser, nothing happens when I rollover that area.

Am I supposed to set up some kind of hyperlink with it also? It works with other set ups, just not with the map area.

VERY frustrating!

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In the Actions window, check that you are setting the Map Area
Rollover Action to have the same number for “MouseOver” as the Target#
in the Target Hide/Show Layer.

If you can upload somewhere and give the URL (i.e. http://
sitename.etc), I’ll take a look tomorrow to see if I can help.

Bart: In the Target Hide/Show Layer Action set Restore: Sticky (or
Toggle) and see if that helps.

Colin.

On 5 Jan 2010, at 18:12, Robert B wrote:

OK. I bring in a graphic into a new layer box. Then, take the Map
Area path tool and draw out an area. Then, set up my show/hide layer
on another layer with items in it. Add the Rollover Action to the
map area, set it up and the show/hide layer actions.

When I preview in browser, nothing happens when I rollover that area.

Am I supposed to set up some kind of hyperlink with it also? It
works with other set ups, just not with the map area.

VERY frustrating!

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve checked that. It’s correct. I’ve done exactly the same process using regular graphic shapes and it works fine.

It just doesn’t seem to work with the image map tools.

Since I’ve corrected it I don’t have a “wrong” version, now, but maybe I’ll see if I can do it again.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK, Colin. Here’s a link to a ZIP file with the FW parts in it.

http://k923.net/ImageMapTestSite.zip

Hopefully you will see the error of my ways…

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Robert

I had a look at your file and couldn’t get it to work with the Map Area Path tool either.

There is no reason why you cant use the Graphic Item Path tool though.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for looking, Dave.

I did end up using the Graphic Item Path tool and it seems to work fine.

I’ve never used the image map tool before, so I wasn’t sure if I was doing something wrong, or not.

Weird that it doesn’t seem to work, or give the same Attributes in the Rollover Action as other items do.

Bo


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options