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: Image Zoom Code – Easy Setup Wizard for Magic Zoom
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.