[F8] Whisper's...fullScreen...external files

I must have read about 50 threads pertaining to the following, but couldn't find any answers:

I have managed to implement the fullScreen for my project, but can't figure out, for the life of me, how to bring in external files that center just as nicely as the internal content, when resizing the browser...

For bringing in external content, I'm using this method:

Code:

---

function preload(url, n) {
        this.createEmptyMovieClip("controller_mc", 1);
        loadMovieNum(url, n);
        controller_mc.onEnterFrame = function() {
                if (mc == undefined) {
                        var mc = eval("_level"+n);
                }
                var bl = mc.getBytesLoaded();
                var bt = mc.getBytesTotal();
                if (bt>0) {
                        // if the movie has started loading
                        var percentage = Math.round(bl/bt*100);
                        trace(percentage);
                        if (bl>=bt) {
                                // the movie has finished loading
                                // position it
                                //mc._x += (origX- mc._x)/2;
                                //mc._y += (origY-mc._y)/2;
                                delete this.onEnterFrame;
                                // delete the method
                        }
                }
        };
}
preload("slider.swf", 2);

---

What is eluding me?????

Desparately hoping for some input...thank you in advance.

I've also tried this:

Code:

---

var myMCL = new MovieClipLoader();

myMCL.onLoadInit = function(targetMC) {
        myTrace("Movie clip:"+targetMC+" is now initialized");
        targetMC._width = 850;
        targetMC._height = 691;
};

myMCL.loadClip("spin2.swf", "_root.myMC1");

---

and have included it in the resize code with an instance name...to no avail...

lets start at the beginning, so I can fully understand what it is your trying to do..


a.) make a full screen? correct? are you using the file in my footer link as a base?

b.) what external content are you trying to load? just an external .swf?

You got it:

1) Yes, fullScreen. Yes again, I'm using your file as a base.

2) The external content are .swf's.

What else would you like to know??...

I tried this..and didnt seem to have any problems:

Code:

---

var xListener:Object = new Object();
xListener.onLoadInit = function(target_mc:MovieClip) {
        //position itself correctly
        trace("INIT FIRED");
        target_mc._x = (Stage.width/2) - (target_mc._width/2);
        target_mc._y = (Stage.height/2) - (target_mc._height/2);
}
var xLoader:MovieClipLoader = new MovieClipLoader();
xLoader.addListener(xListener);
xLoader.loadClip("whatever.swf", externalContainer);

---

I added that 'chunk'... under this:

Code:

---

//start Stage re-size code
Stage.align = "TL";
Stage.scaleMode = "noScale";

---

I created a new layer.. called 'externalContainer' and placed it on the stage..(same instance name)


I then added these lines to the Stage.onResize function that is already there:

Code:

---

externalContainer._x = (stageWidth/2) - (externalContainer._width/2);
externalContainer._y = (stageHeight/2) - (externalContainer._height/2);

---

You're a gem!!!! It works!!!!

The external content is now in a fixed relative position. Or should I say, centered, no matter where I put the content on the external file.

But:

a) I need the external content to be in a specific place (relative to my main movie content...of course)

b) I still need to bring in other swf's...

Can we continue with this????

a) I need the external content to be in a specific place (relative to my main movie content...of course)

explain what you trying to do..or the results you wat to happen..and I'll try work on something..


b) I still need to bring in other swf's...

ok..whats the problem?

I posted the code you needed to do this.. are you want to create OTHER .swfs on the stage? or just load a NEW one into the 'holder' already created??

for

a) check out the link...i have yet to put on a pre-loader...366kb of info...might take about 15 seconds to see...link

The navigation bar, and the top red strip with the spinning logo is all in my main movie, your file.

The "message" thingy, on the left I brought in with a simple loadMovieNum...obviously no good.

The middle "message" thingy, is being called in through the above mentioned code you gave me. I would like it to position under where it says GASLIGHT LOUNGE, in a fixed place.

Is it a question of giving x and y coordinates to my externals?

b) I would like the links to bring in content, each one, a different swf on different levels. The buttons are all movie clips...

Thanks,

bluej2

Sorry, the buttons are actually in an MC...they are buttons, though.

I'm trying to unload the clip from one of them...

Code:

---

on (release) {
        _root.externalContainer.unloadClip("swing2.swf");
}

---

It won't work. Please don't give up on me, Whispers. Promise I won't shout.

Bluej2

Is it a question of giving x and y coordinates to my externals?

yes, you already have the lines of code that move it.. but it is called/excuted everytime the screen is adjusted.. and the VALUES are recalculated uing the new values (of the stage size).. if you want it to be staic.. use a static number.. not a changing variable....make sense?

Yes it does make sense. What about the buttons? How do I load or unload the swf's??

try:

externalContainer.unloadMovie();

I got rid of the emptyMovieClip on stage.. called externalContainer..

and I created it dynamically(the first line)

PHP Code:

---

this.createEmptyMovieClip("externalContainer", 5);
var xListener:Object = new Object();
xListener.onLoadInit = function(target_mc:MovieClip) {
    //position itself correctly
    trace("INIT FIRED");
    //target_mc._x = (Stage.width/2) - (target_mc._width/2);
    //target_mc._y = (Stage.height/2) - (target_mc._height/2);
    //-----//
    target_mc._x = (Stage.width/4) - (target_mc._width/4);
    target_mc._y = (Stage.height/2) - (target_mc._height/2);
    target_mc.onPress = function(){
        trace("NAME: "+this._name);
        _root.externalContainer.unloadMovie();
    }
}
var xLoader:MovieClipLoader = new MovieClipLoader();
xLoader.addListener(xListener);
xLoader.loadClip("whatever.swf", externalContainer); 


---

this deletes the content you just loaded/created.

(upon click itself)... but you can see the code..

Hey Whispers,

The code you sent didn't do it. The previous one brought better results. It floats in the Y axis but not in the X.

The recent one, makes everything float around again.

I brought it back to this:

Code:

---

//start Stage re-size code
Stage.align = "TL";
Stage.scaleMode = "noScale";
var xListener:Object = new Object();
xListener.onLoadInit = function(target_mc:MovieClip) {
        //position itself correctly
        trace("INIT FIRED");
        target_mc._x = (Stage.width/2)-(target_mc._width/2);
        target_mc._y = (Stage.height/2)-(target_mc._height/2);
};
var xLoader:MovieClipLoader = new MovieClipLoader();
xLoader.addListener(xListener);
xLoader.loadClip("swing2.swf", externalContainer);
// ---> Create a new listener object
var stageListener:Object = new Object();
// ---> Define the resize function...
stageListener.onResize = function() {
       
        // ---> first, get the new dimensions of the stage....
        var stageWidth:Number = Math.round(Stage.width);
        var stageHeight:Number = Math.round(Stage.height);
        trace("Stage size is now "+Stage.width+" by "+Stage.height);
        // ---> now, set the footer BG w & h to the stage dimensions...
        footerBG_mc._width = stageWidth;
        //footerBG_mc._height = stageHeight;
        footerBG_mc._x = 2;
        footerBG_mc._y = stageHeight-25;
        // ---> now, set the footer links to the stage dimensions...
        footerLinks_mc._x = (stageWidth/2)-(footerLinks_mc._width/2);
        footerLinks_mc._y = stageHeight-70;
        // ---> now, set the background clip alignment to match stage...
        wallPaper_mc._x = (stageWidth/2)-(wallPaper_mc._width/2);
        //wallPaper_mc._y = stageHeight/2;
        red_top._x = (stageWidth/2)-(red_top._width/2);
        // ---> now, size the outLine_mc to the stage dimensions...
        outLine_mc._height = stageHeight-2;
        //outLine_mc._width = stageWidth;
        outLine_mc._x = (stageWidth/2)-(outLine_mc._width/2);
        //outLine_mc._y = (stageHeight/2) - (wallPaper_mc._height/2);
        externalContainer._x = (stageWidth/2)-(externalContainer._width/2);
        externalContainer._y = (stageHeight/2)-(externalContainer._height/2);
};
// --->  Apply the listener...
Stage.addListener(stageListener);
// ---> Run the function...
stageListener.onResize();
//--------------------//

---

I figured out a "way around"...which I hate...by adding content to the external file. Your MC_loader calculates the total information on the external file. So if the content is in a virtual "box" and only that which is relevant, shows...the rest just at 0% alpha, the X axis works.

What about the Y???

Coding the buttons is still an issue.

Thank you, Whispers.

bluej2

aside from the /4 (instead of /2, which was left in by mistake)... they do the same thing...

the only part that was added.. was the

target_mc.onPress = function(){
trace("NAME: "+this._name);
_root.externalContainer.unloadMovie();
}

But then, how do I load a new one in its place?

Lost in sp-l-ace,

Bluej2

start it all over again.. when you want to load a new .swf...

create anew holder again..

this.createEmptyMovieClip("externalContainer", 5);

this.createEmptyMovieClip("externalContainer2", 6);

this.createEmptyMovieClip("externalContainer3", 7);

those are ALL emptyCLips that you create (and destroy) that you can load stuff into.

Okay Whispers,

I can't give up...no giving up... :scared: I'm at it again...I went back to the last code with the dynamically written container...the problem is this code:

Code:

---

        target_mc.onPress = function() {
                trace("NAME: "+this._name);
                _root.externalContainer.unloadMovie();

---

I don't want my content to disappear when I click on it.

I don't understand what you mean by starting all over again, for the new containers...do I put the

Code:

---

this.createEmptyMovieClip("externalContainer2", 6);

---

on the next frame with all of the code again?? And then tell the button to goto and stop there?

Sorry about the confusion.

I have no idea how you want to load these..that is up to you.

Is there MAIN navigation(menu) that will LOAD each exernal.swf?

How do you plan on removing these? when you click the next button on the main menu/nav?

will there be more than one 'button/section' open?

I try looking at yoru link..but it doesnt make much sense..

so each button ill load a .swf... like the 'message' thing that you drag around? (or whatever the .swf will do)

The first swf should come up at the opening of the page.

Then, like I said, I have buttons...nothing extraordinary. Home Page, Contact, blah blah blah. Each button should bring in a different external swf and replace the one that's there, including the first one i mentioned above. All of this is in one file...the fullScreen file. One FLA.

The big issue, of course, being the placement of the swf's in that file.