Threw together a quick example for you:
http://lab-media.com/transfer/chattyfig/StageObject.fla.zip
;]
A
On 6/11/06 10:29 AM, "Aaron Buchanan" <[EMAIL PROTECTED]> wrote:
> Hey Kev -
>
> This is achieved to listening to the Stage object. It's super simple. I
> actually have a little snippet that I use over and over when I am gonna do
> stage stuff. It's below, the formatting get's messed up here, so I'll post a
> lil FLA example, if you like. Basically, I create 9 arrays of the basic
> alignments that I generally use (ie top-left, top-right, bottom right,
> etc..) And simply add an object to the respective array I want to target.
> This object will have 3 parameters, the MovieClip that is the target, and a
> var for xpaddign and ypadding that act as offsets to the given position.
>
> Take A Look. Here is the basic code, with no clips:
>
> /* Stage.onResize() listings
> *
> ----------------------------------------------------------------------------
> ---------------------------------------------------- *
> * NOTE: Any clips that are moved due to an onResize event, are filed
> into their respective arrays below
> * as objects with three properties, _mc (the clip being
> referenced), x and y padding.
> * NOTE: To have a clip move with the stage, use this format:
> {_mc:upperLeft_mc, xpadding:0, ypadding:0}
> *
> ----------------------------------------------------------------------------
> ---------------------------------------------------- */
> var TopLeft:Array = [];
> var TopCenter:Array = [];
> var TopRight:Array = [];
>
> var MiddleLeft:Array = [];
> var MiddleCenter:Array = [];
> var MiddleRight:Array = [];
>
> var BottomLeft:Array = [];
> var BottomCenter:Array = [];
> var BottomRight:Array = [];
>
> /* Stage.onResize() engine
> *
> ----------------------------------------------------------------------------
> ---------------------------------------------------- */
> var stageObj:Object = new Object();
> stageObj.onResize = function()
> {
> for(var i in TopLeft) { TopLeft[i]._mc._x =
> 0+TopLeft[i].xpadding; TopLeft[i]._mc._y =
> 0+TopLeft[i].ypadding; };
> for(var i in TopCenter) { TopCenter[i]._mc._x =
> Stage.width/2+TopCenter[i].xpadding; TopCenter[i]._mc._y =
> 0+TopCenter[i].ypadding; };
> for(var i in TopRight) { TopRight[i]._mc._x =
> Stage.width+TopRight[i].xpadding; TopRight[i]._mc._y =
> 0+TopRight[i].ypadding; };
>
> for(var i in MiddleLeft) { MiddleLeft[i]._mc._x =
> 0+MiddleLeft[i].xpadding; MiddleLeft[i]._mc._y =
> (Stage.height/2)+MiddleLeft[i].ypadding; };
> for(var i in MiddleCenter) { MiddleCenter[i]._mc._x =
> Stage.width/2+MiddleCenter[i].xpadding; MiddleCenter[i]._mc._y =
> (Stage.height/2)+MiddleCenter[i].ypadding; };
> for(var i in MiddleRight) { MiddleRight[i]._mc._x =
> Stage.width+MiddleRight[i].xpadding; MiddleRight[i]._mc._y =
> (Stage.height/2)+MiddleRight[i].ypadding; };
>
> for(var i in BottomLeft) { BottomLeft[i]._mc._x =
> 0+BottomLeft[i].xpadding; BottomLeft[i]._mc._y =
> (Stage.height)+BottomLeft[i].ypadding; };
> for(var i in BottomCenter) { BottomCenter[i]._mc._x =
> Stage.width/2+BottomCenter[i].xpadding; BottomCenter[i]._mc._y =
> (Stage.height)+BottomCenter[i].ypadding; };
> for(var i in BottomRight) { BottomRight[i]._mc._x =
> Stage.width+BottomRight[i].xpadding; BottomRight[i]._mc._y =
> (Stage.height)+BottomRight[i].ypadding; };
> };
>
> Stage.addListener(stageObj);
> stageObj.onResize();
>
>
> On 6/11/06 4:29 AM, "Kevin Cannon" <[EMAIL PROTECTED]> wrote:
>
>> Hi there,
>>
>> I've seen a couple of design occasionally (like thefwa.com) that dynamically
>> stretch and adjust with the width of the browser and the content.
>>
>> How is that kind of thing done? I know you can achieve some interestin
>> gthings
>> with scaleMode and Stage.align but I'm guessing something more complex is
>> going on here.
>>
>> I want to create a header banner, that fits into a flexible width site, so it
>> needs to stretch with the page. The height will stay the same, and there's
>> some design elements that should be locked left, and some locked right.
>>
>> Could anyone point me in the right direction. I've not had much trouble with
>> google since i'm not entirely sure what the correct terms for this are.
>>
>> Thanks!
>>
>> - Kevin
>> _______________________________________________
>> [email protected]
>> To change your subscription options or search the archive:
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>
>> Brought to you by Fig Leaf Software
>> Premier Authorized Adobe Consulting and Training
>> http://www.figleaf.com
>> http://training.figleaf.com
>
>
> _______________________________________________
> [email protected]
> To change your subscription options or search the archive:
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>
> Brought to you by Fig Leaf Software
> Premier Authorized Adobe Consulting and Training
> http://www.figleaf.com
> http://training.figleaf.com
_______________________________________________
[email protected]
To change your subscription options or search the archive:
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Brought to you by Fig Leaf Software
Premier Authorized Adobe Consulting and Training
http://www.figleaf.com
http://training.figleaf.com
