# Cool Navigation that I cannot figure out
**URL:** https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676
**Category:** flash
**Created:** [January 20, 2003, 11:02pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676 "2003-01-20T23:02:37Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@jjski](https://forum.kirupa.com/u/jjski)
#### Post date: [January 20, 2003, 11:02pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/1 "2003-01-20T23:02:37Z")
Somebody please help me with this. I cannot find a fla or a tutorial. I have seen this effect many times before. I have been trying and I cannot figure out how each component reacts with the other components.
The example is in the navigation seen here:
[http://www.code-media.com/home.htm](http://www.code-media.com/home.htm)
Thanks for any help
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 28, 2003, 11:14pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/2 "2003-01-28T23:14:22Z")
im not to keen on action script, but i can help you do it the harder way! basically the top 2 boxes and the lower right are on the same movie, but on press of button it loads an external swf into the lower left box.
start with movie 550X400
use line tool - draw vertical and horizontal (centered)
(movie looks as if it is into 4 boxes)
create your buttons
add script to button kinda like this…
// use this action to get the transition between button presses, just add stop action when tween is done and unload whatever movie)
on press {
play
unloadMovie(1)
// use this action to load .swf, just make sure you load on level 1)
on release
loadMovieNum(“blah.swf”,1)
}
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 3:30pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/3 "2003-01-29T15:30:16Z")
Can we get an example? how would you fit those movies onto the main timeline, and make them appear to be part of it?
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 3:50pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/4 "2003-01-29T15:50:48Z")
i’ll get one up here by the end of the day!
j@yemsee;)
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 3:59pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/5 "2003-01-29T15:59:50Z")
If you could put a fla up, that would be great. I can’t see how it would work with loading in new swfs. They need to react off of each other, but if you can figure it out, I would love to see it done this way. I almost had it figured out with action scripting, but not quite.
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 4:31pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/6 "2003-01-29T16:31:11Z")
to load external movies on a desired place you can do in one of these two ways:
**#1** (easy):
```auto
loadMovieNum("load.swf", 1);
```
make you FLAs (main and to-be-loaded movies) with the same stage size. place the content of the to-be-loaded movies in the spot you want them to be loaded. ex:
you have a main movie with 200 w and 100 h. the first half (the first 100 w an all 100 h) will be the menu that is located on the main movie, the other half (the last 100 w an all 100 h) wiil be the spot were the loaded movies will sit. Make your main FLA with the menu opsitioned in the first half and make the loaded movies with theyr content positioned in the last half.
**#2** (not so easy, but more flexible):
```auto
loadMovie("load.swf", "movieClip");
```
you´ll need to make a movieclip on your main movie that will nest the loaded movies, place it on the right place on your main FLA. the loaded movies will be loade inside the movie clip.
Cheers :bounce:
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 4:33pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/7 "2003-01-29T16:33:52Z")
I know how to load movies. Take a look at the example link that I put in my first post. The question was how do I get the navigation to react to the other components in the menu?
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 4:35pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/8 "2003-01-29T16:35:41Z")
the #1 load in levels (in this case, level 1), the #2 load in to target(in this case a movie clip instance named **movieClip** ).
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 4:37pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/9 "2003-01-29T16:37:10Z")
_react_ ?
can you be more specific?
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:14pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/10 "2003-01-29T17:14:54Z")
onClipEvent (enterFrame)
{
setProperty("\_root.nav.overview\_nav", \_x, \_root.nav.overview\_nav.\_x + (\_root.x\_values[0] - \_root.nav.overview\_nav.\_x) \* \_root.ratio);
setProperty("\_root.nav.web\_nav", \_x, \_root.nav.web\_nav.\_x + (\_root.x\_values[1] - \_root.nav.web\_nav.\_x) \* \_root.ratio);
setProperty("\_root.nav.brand\_nav", \_x, \_root.nav.brand\_nav.\_x + (\_root.x\_values[2] - \_root.nav.brand\_nav.\_x) \* \_root.ratio);
setProperty("\_root.nav.print\_nav", \_x, \_root.nav.print\_nav.\_x + (\_root.x\_values[3] - \_root.nav.print\_nav.\_x) \* \_root.ratio);
setProperty("\_root.nav.multimedia\_nav", \_x, \_root.nav.multimedia\_nav.\_x + (\_root.x\_values[4] - \_root.nav.multimedia\_nav.\_x) \* \_root.ratio);
setProperty("\_root.nav.awards\_nav", \_x, \_root.nav.awards\_nav.\_x + (\_root.x\_values[5] - \_root.nav.awards\_nav.\_x) \* \_root.ratio);
setProperty("\_root.nav.resume\_nav", \_x, \_root.nav.resume\_nav.\_x + (\_root.x\_values[6] - \_root.nav.resume\_nav.\_x) \* \_root.ratio);
setProperty("\_root.nav.contact\_nav", \_x, \_root.nav.contact\_nav.\_x + (\_root.x\_values[7] - \_root.nav.contact\_nav.\_x) \* \_root.ratio);
}
// [Action in Frame 1]
getURL(“FSCommand:allowscale”, “false”);
setProperty("\_root.Bar", \_xscale, 0);
\_level0.load = “Buffering Data…”;
// [Action in Frame 35]
stop();
// [Action in Frame 107]
gotoAndPlay(108);
// [Action in Frame 108]
increment = 24.850000;
ratio = 0.500000;
content\_width = 6.550000 \* increment;
items = 8;
x\_values = new Array(items);
for (i = 0; i \< items; i = i + 1)
{
x\_values\* = i \* increment;
} // end of for
getURL(“FSCommand:allowscale”, “false”);
// [Action in Frame 127]
getURL(“flash/music2.swf”, “\_level50”);
// [Action in Frame 230]
stop();
// [Action in Frame 1]
Movieclip.prototype.elasticScale = function (target, accel, convert)
{
xScale = xScale \* accel + (target - this.\_xscale) \* convert;
yScale = yScale \* accel + (target - this.\_yscale) \* convert;
this.\_xscale = this.\_xscale + xScale;
this.\_yscale = this.\_yscale + yScale;
// Action script…
// [onClipEvent of sprite 3 in frame 1]
onClipEvent (load)
{
this.\_y = 0;
endPosy = -128;
}
onClipEvent (enterFrame)
{
currentPosy = this.\_y;
diffPosy = endPosy - currentPosy;
movey = diffPosy / 5;
this.\_y = this.\_y + movey;
}
// [onClipEvent of sprite 8 in frame 21]
onClipEvent (load)
{
this.\_y = -128;
endPosy = 128;
}
onClipEvent (enterFrame)
{
currentPosy = this.\_y;
diffPosy = endPosy - currentPosy;
movey = diffPosy / 5;
this.\_y = this.\_y + movey;
}
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:15pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/11 "2003-01-29T17:15:55Z")
// [Action in Frame 1]
stop();
id = \_name;
if (\_name == “overview\_nav”)
{
nr = 1;
item\_name = “item 1”;
} // end if
if (\_name == “web\_nav”)
{
nr = 2;
item\_name = “item 2”;
} // end if
if (\_name == “brand\_nav”)
{
nr = 3;
item\_name = “item 3”;
} // end if
if (\_name == “print\_nav”)
{
nr = 4;
item\_name = “item 4”;
} // end if
if (\_name == “multimedia\_nav”)
{
nr = 5;
item\_name = “item 5”;
} // end if
if (\_name == “awards\_nav”)
{
nr = 6;
item\_name = “item 6”;
} // end if
if (\_name == “resume\_nav”)
{
nr = 7;
item\_name = “item 7”;
} // end if
if (\_name == “contact\_nav”)
{
nr = 8;
item\_name = “item 8”;
} // end if
with (content)
{
gotoAndStop(nr + 1);
} // End of with
if (nr == 1)
{
tellTarget("\_root.nav.overview\_nav.content")
{
gotoAndPlay(“overview\_wireframe”);
} // end of tellTarget
gotoAndPlay(2);
tellTarget("\_root.nav.web\_nav")
{
gotoAndPlay(“web\_close”);
} // end of tellTarget
tellTarget("\_root.nav.brand\_nav")
{
gotoAndPlay(“brand\_close”);
} // end of tellTarget
tellTarget("\_root.nav.print\_nav")
{
gotoAndPlay(“print\_close”);
} // end of tellTarget
tellTarget("\_root.nav.multimedia\_nav")
{
gotoAndPlay(“multimedia\_close”);
} // end of tellTarget
tellTarget("\_root.nav.awards\_nav")
{
gotoAndPlay(“awards\_close”);
} // end of tellTarget
tellTarget("\_root.nav.resume\_nav")
{
gotoAndPlay(“resume\_close”);
} // end of tellTarget
tellTarget("\_root.nav.contact\_nav")
{
gotoAndPlay(“contact\_close”);
} // end of tellTarget
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.content\_width + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
// [Action in Frame 20]
stop();
tellTarget("\_root.overview\_content\_movie")
{
gotoAndPlay(“overview\_content”);
} // end of tellTarget
// [Action in Frame 31]
stop();
// [Action in Frame 1]
Movieclip.prototype.elasticScale = function (target, accel, convert)
{
xScale = xScale \* accel + (target - this.\_xscale) \* convert;
yScale = yScale \* accel + (target - this.\_yscale) \* convert;
this.\_xscale = this.\_xscale + xScale;
this.\_yscale = this.\_yscale + yScale;
} // End of the function
// [onClipEvent of sprite 13 in frame 2]
onClipEvent (load)
{
this.\_y = 0;
endPosy = -107;
}
onClipEvent (enterFrame)
{
currentPosy = this.\_y;
diffPosy = endPosy - currentPosy;
movey = diffPosy / 5;
this.\_y = this.\_y + movey;
}
// [onClipEvent of sprite 14 in frame 21]
onClipEvent (load)
{
this.\_y = -107;
endPosy = 149;
}
onClipEvent (enterFrame)
{
currentPosy = this.\_y;
diffPosy = endPosy - currentPosy;
movey = diffPosy / 5;
this.\_y = this.\_y + movey;
}
// [Action in Frame 1]
stop();
id = \_name;
if (\_name == “overview\_nav”)
{
nr = 1;
item\_name = “item 1”;
} // end if
if (\_name == “web\_nav”)
{
nr = 2;
item\_name = “item 2”;
} // end if
if (\_name == “brand\_nav”)
{
nr = 3;
item\_name = “item 3”;
} // end if
if (\_name == “print\_nav”)
{
nr = 4;
item\_name = “item 4”;
} // end if
if (\_name == “multimedia\_nav”)
{
nr = 5;
item\_name = “item 5”;
} // end if
if (\_name == “awards\_nav”)
{
nr = 6;
item\_name = “item 6”;
} // end if
if (\_name == “resume\_nav”)
{
nr = 7;
item\_name = “item 7”;
} // end if
if (\_name == “contact\_nav”)
{
nr = 8;
item\_name = “item 8”;
} // end if
with (content)
{
gotoAndStop(nr + 1);
} // End of with
// [Action in Frame 20]
stop();
tellTarget("\_root.web\_content\_movie")
{
gotoAndPlay(“web\_content”);
} // end of tellTarget
// [Action in Frame 31]
stop();
**and lastly here’s the script for the buttons!**
// Action script…
on (release)
{
\_root.nav.overview\_nav.selected = nr;
with (\_root.nav.overview\_nav.content)
{
if (\_root.nav.overview\_nav.selected == 1)
{
gotoAndPlay(“overview\_wireframe”);
} // End of with
} // end if
gotoAndPlay(2);
tellTarget("\_root.nav.web\_nav")
{
gotoAndPlay(“web\_close”);
} // end of tellTarget
tellTarget("\_root.nav.brand\_nav")
{
gotoAndPlay(“brand\_close”);
} // end of tellTarget
tellTarget("\_root.nav.print\_nav")
{
gotoAndPlay(“print\_close”);
} // end of tellTarget
tellTarget("\_root.nav.multimedia\_nav")
{
gotoAndPlay(“multimedia\_close”);
} // end of tellTarget
tellTarget("\_root.nav.awards\_nav")
{
gotoAndPlay(“awards\_close”);
} // end of tellTarget
tellTarget("\_root.nav.resume\_nav")
{
gotoAndPlay(“resume\_close”);
} // end of tellTarget
tellTarget("\_root.nav.contact\_nav")
{
gotoAndPlay(“contact\_close”);
} // end of tellTarget
if (nr == 1)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.content\_width + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
if (nr == 2)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.content\_width + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
if (nr == 3)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.content\_width + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
if (nr == 4)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.content\_width + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
if (nr == 5)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.content\_width + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
if (nr == 6)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.content\_width + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
if (nr == 7)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.content\_width + \_root.increment;
} // end if
if (nr == 8)
{
\_root.x\_values[0] = 0;
\_root.x\_values[1] = \_root.x\_values[0] + \_root.increment;
\_root.x\_values[2] = \_root.x\_values[1] + \_root.increment;
\_root.x\_values[3] = \_root.x\_values[2] + \_root.increment;
\_root.x\_values[4] = \_root.x\_values[3] + \_root.increment;
\_root.x\_values[5] = \_root.x\_values[4] + \_root.increment;
\_root.x\_values[6] = \_root.x\_values[5] + \_root.increment;
\_root.x\_values[7] = \_root.x\_values[6] + \_root.increment;
} // end if
}
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:25pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/12 "2003-01-29T17:25:00Z")
i tried to re-create that site, everything worked fine till i tried to do the buttons, im definately not an actin scipt person, but i ripped that whole site for you, movies,text,actions,buttons so explore the files im sending for download
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:26pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/13 "2003-01-29T17:26:05Z")
all that code for what?
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:29pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/14 "2003-01-29T17:29:11Z")
to get those buttons to do the same actions they do in the requested flash movie form that site
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:34pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/15 "2003-01-29T17:34:22Z")
let me tell ya, you can do an exact copy of that site with a 1/3 or 1/4 of that code…
seriously.
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:37pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/16 "2003-01-29T17:37:37Z")
don´t ripp other ppls sites.
that´s just not right.
[kitupa.com](http://kitupa.com) has a tight rule concearning that kindaof thing.
i´m just giving you a tip.
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:39pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/17 "2003-01-29T17:39:43Z")
can you put an example fla for the movie clip one, where it goes in the desired location?
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 5:40pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/18 "2003-01-29T17:40:22Z")
just give me a min…
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 6:07pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/19 "2003-01-29T18:07:37Z")
is the main fla:
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [January 29, 2003, 6:09pm UTC](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676/20 "2003-01-29T18:09:56Z")
this is for Flash 5?
[Next page](https://forum.kirupa.com/t/cool-navigation-that-i-cannot-figure-out/11676.md?page=2)