Removing previous movie clip when new page is opened

[KJoe]

I am rebuilding my website and need help in how to remove a mc when another mc is clicked.


http://www.khawkinsdesign.com/atest/index.html


The movie clips are pages and if you check the link you will see the pages aren't removed they simply stay on the page when the new mc appears.


This is the relevant part of the .as which appears to have a remove code but doesn't seem to take affect.


------
function navigate (e:MouseEvent):void {
trace (e.target.name);

// Remove the current movie clip
container_mc.removeChildAt (0);

switch (e.target.name) {
case "one_mc":
var newOne:One = new One ();
container_mc.addChild (newOne);
break;

case "two_mc":
var newTwo:Two = new Two ();
container_mc.addChild (newTwo);
break;

case "three_mc":
var newThree:Three = new Three ();
container_mc.addChild (newThree);
break;


---

If you can tell me what should be added it would be really appreciated.

Many Thanks,

KJoe

[solomondg1]

the problem you have is you have more then 1 displayobject in the container_mc. you have 3 options:
1. always addChildAt(page,0) for every page
2. make an array of pages and remove any/all pages from the stage on every navigation click
3. make it so only the pages are in the container_mc

[ilike2]

Your nearly there, instead of

// Remove the current movie clip
container_mc.removeChildAt (0);

Do this

while(container_mc.numChildren > 0) container_mc.removeChildAt (0);

This will remove everything from the container before anything get added.

[solomondg1]

good idea but he has 5 other non-page objects in the container according to firebug, he would have to remove them before using that code.

[ilike2]

good idea but he has 5 other non-page objects in the container according to firebug, he would have to remove them before using that code.

I assume the container movie clip only holds the pages and not the other non-page objects.