MC bzw Container Problem

dzign · 22.11.2009

Hi Flashgemeinde....

Erstmal finde ich es gut hier mal ein paar
Leute zu finden die die selben Interessen
haben und sich gerne mit Flash beschäftigen.

Ich bin zwar noch neu in Flash und As3 aber
find es sehr geil was für möglichkeiten einem
geboten werden.

Ich arbeite derzeit an einer Internetseite
was für mich in Flash Neuland ist. Früher hat
Frontpage gereicht aber man muss ja mit der
Zeit gehn.

Mein Problem:

Ich lade beim Buttonclick 2 Container in
denen dann quasi meine Seite ist das hab ich
soweit auch schon hinbekomm...
2shared - download testgfddgf.swf
testgfddgf.html

( Btn Home & Biographie )

aber wenn ich jetzt nen neuen container Laden
will (was sein muss da es nicht immer diese
zwei größen sein sollen) verhaut er mir das
ganze.

Es geht wenn ich den 3. Container am anfang
direkt mit auf die page lade aber wenn nicht
passiert entweder nix oder er tweened es
nicht fertig und zurück geht schonmal
garnicht.

( hier mein Script)

Code:

import flash.events.MouseEvent;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.filters.BlurFilter;


var moveTween:Tween=new
Tween(mainmenu_mc,"x",Elastic.easeO
ut,mainmenu_mc.y,-11.75,4,true);

var p1_1:page1_1=new page1_1;

Pagecontainer1_mc.addChild(p1_1);
var page1_1MoveTween:Tween=new
Tween(Pagecontainer1_mc,"x",Elastic
.easeOut,4,152.8,4,true);

var p1_2:page1_2=new page1_2;

Pagecontainer2_mc.addChild(p1_2);
var page1_2MoveTween:Tween=new
Tween(Pagecontainer2_mc,"x",Elastic
.easeOut,500,423.25,4,true);

var p2:page2=new page2;
var p2_2:page2_2=new page2_2;


mainmenu_mc.menuBtn2_btn.addEventListener(Mou
seEvent.MOUSE_UP, aktivBtnEffeckt2);
mainmenu_mc.menuBtn3_btn.addEventListener(Mou
seEvent.CLICK, btn3Click);
mainmenu_mc.menuBtn4_btn.addEventListener(Mou
seEvent.CLICK, btn4Click);
mainmenu_mc.menuBtn5_btn.addEventListener(Mou
seEvent.CLICK, btn5Click);


mainmenu_mc.menuBtn1_btn.addEventListener(Mou
seEvent.CLICK,btn1Content1);
function btn1Content1(event:MouseEvent):void
{
mainmenu_mc.mouseChildren=false;
var btn1Outro:Tween=new
Tween(Pagecontainer1_mc,"x",Strong.
easeIn,152.8,-500,1,true);
btn1Outro.addEventListener(TweenEvent.MOTION
_FINISH, runBtn1Transition);
function
runBtn1Transition(event:TweenEvent):void {
Pagecontainer1_mc.removeChildAt(1);
Pagecontainer1_mc.addChild(p1_1);
var btn1Intro:Tween=new
Tween(Pagecontainer1_mc,"x",Strong.
easeOut,-500,152.8,2,true);
mainmenu_mc.mouseChildren=true;
}
}
mainmenu_mc.menuBtn1_btn.addEventListener(Mou
seEvent.CLICK, btn1Content2);
function btn1Content2(event:MouseEvent):void
{
mainmenu_mc.mouseChildren=false;
var btn1Outro2:Tween=new
Tween(Pagecontainer2_mc,"x",Strong.
easeIn,423.25,1400,1,true);
btn1Outro2.addEventListener(TweenEvent.MOTIO
N_FINISH, runBtn1Transition2);
function
runBtn1Transition2(event:TweenEvent):void {
Pagecontainer2_mc.removeChildAt(1);
Pagecontainer2_mc.addChild(p1_2);
var btn1Intro2:Tween=new
Tween(Pagecontainer2_mc,"x",Strong.
easeOut,1400,423.25,2,true);
mainmenu_mc.mouseChildren=true;
}
}
mainmenu_mc.menuBtn1_btn.addEventListener(Mou
seEvent.MOUSE_UP,aktivBtn);
function aktivBtn(event:MouseEvent):void {
mainmenu_mc.menuBtn2_btn.mouseEnabled=true;
mainmenu_mc.menuBtn3_btn.mouseEnabled=true;
mainmenu_mc.menuBtn4_btn.mouseEnabled=true;
mainmenu_mc.menuBtn5_btn.mouseEnabled=true;
mainmenu_mc.menuBtn1_btn.mouseEnabled=false;

}
mainmenu_mc.menuBtn1_btn.addEventListener(Mou
seEvent.MOUSE_UP,aktivBtnEffeckt);
function
aktivBtnEffeckt(event:MouseEvent):void {
mainmenu_mc.menuBtn1_btn.alpha=0.6;
mainmenu_mc.menuBtn1_btn.filters=[new
BlurFilter(1.5,1.5,1.5)];
mainmenu_mc.menuBtn2_btn.alpha=1;
mainmenu_mc.menuBtn2_btn.filters=[new
BlurFilter(0,0,0)];
mainmenu_mc.menuBtn3_btn.alpha=1;
mainmenu_mc.menuBtn3_btn.filters=[new
BlurFilter(0,0,0)];
}
mainmenu_mc.menuBtn2_btn.addEventListener(Mou
seEvent.CLICK, btn2Content1);
function btn2Content1(event:MouseEvent):void
{
mainmenu_mc.mouseChildren=false;
var btn2Outro:Tween=new
Tween(Pagecontainer1_mc,"x",Strong.
easeIn,152.8,-500,1,true);
btn2Outro.addEventListener(TweenEvent.MOTION
_FINISH, runBtn2Transition);
function
runBtn2Transition(event:TweenEvent):void {
Pagecontainer1_mc.removeChildAt(1);
Pagecontainer1_mc.addChild(p1_1);
var btn2Intro:Tween=new
Tween(Pagecontainer1_mc,"x",Strong.
easeOut,-500,152.8,2,true);
mainmenu_mc.mouseChildren=true;
}
}
mainmenu_mc.menuBtn2_btn.addEventListener(Mou
seEvent.CLICK, btn2Content2);
function btn2Content2(event:MouseEvent):void
{
mainmenu_mc.mouseChildren=false;
var btn2Outro2:Tween=new
Tween(Pagecontainer2_mc,"x",Strong.
easeIn,423.25,1400,1,true);
btn2Outro2.addEventListener(TweenEvent.MOTIO
N_FINISH, runBtn2Transition2);
function
runBtn2Transition2(event:TweenEvent):void {
Pagecontainer2_mc.removeChildAt(1);
Pagecontainer2_mc.addChild(p1_2);
var btn2Intro2:Tween=new
Tween(Pagecontainer2_mc,"x",Strong.
easeOut,1400,423.25,2,true);
mainmenu_mc.mouseChildren=true;
}
}
mainmenu_mc.menuBtn2_btn.addEventListener(Mou
seEvent.MOUSE_UP, aktivBtn2);
function aktivBtn2(event:MouseEvent):void {
mainmenu_mc.menuBtn1_btn.mouseEnabled=true;
mainmenu_mc.menuBtn3_btn.mouseEnabled=true;
mainmenu_mc.menuBtn4_btn.mouseEnabled=true;
mainmenu_mc.menuBtn5_btn.mouseEnabled=true;
mainmenu_mc.menuBtn2_btn.mouseEnabled=false;

}

function
aktivBtnEffeckt2(event:MouseEvent):void {
mainmenu_mc.menuBtn2_btn.alpha=0.6;
mainmenu_mc.menuBtn2_btn.filters=[new
BlurFilter(1.5,1.5,1.5)];
mainmenu_mc.menuBtn1_btn.alpha=1;
mainmenu_mc.menuBtn1_btn.filters=[new
BlurFilter(0,0,0)];
mainmenu_mc.menuBtn3_btn.alpha=1;
mainmenu_mc.menuBtn3_btn.filters=[new
BlurFilter(0,0,0)];
}
mainmenu_mc.menuBtn3_btn.addEventListener(Mou
seEvent.CLICK,btn3Content);
function btn3Content(event:MouseEvent):void
{
mainmenu_mc.mouseChildren=false;
var btn3Outro:Tween=new
Tween(Pagecontainer1_mc,"x",Strong.
easeIn,152.8,-500,1,true);
btn3Outro.addEventListener(TweenEvent.MOTION
_FINISH, runBtn3Transition);
function
runBtn3Transition(event:TweenEvent):void {
Pagecontainer1_mc.removeChildAt(1);
Pagecontainer1_mc.addChild(p2);
var btn3Intro:Tween=new
Tween(Pagecontainer1_mc,"x",Strong.
easeOut,-500,152.8,2,true);
mainmenu_mc.mouseChildren=true;
}
}
mainmenu_mc.menuBtn3_btn.addEventListener(Mou
seEvent.CLICK, btn3Content2);
function btn3Content2(event:MouseEvent):void
{
mainmenu_mc.mouseChildren=false;
var btn3Outro2:Tween=new
Tween(Pagecontainer2_mc,"x",Strong.
easeIn,423.25,1400,1,true);
btn3Outro2.addEventListener(TweenEvent.MOTIO
N_FINISH, runBtn3Transition2);
function
runBtn3Transition2(event:TweenEvent):void {
Pagecontainer2_mc.removeChildAt(1);
Pagecontainer2_mc.addChild(p2_2);
var btn3Intro2:Tween=new
Tween(Pagecontainer2_mc,"x",Strong.
easeOut,1400,423.25,2,true);
mainmenu_mc.mouseChildren=true;
}
}
mainmenu_mc.menuBtn3_btn.addEventListener(Mou
seEvent.MOUSE_UP,aktivBtn3);
function aktivBtn3(event:MouseEvent):void {
mainmenu_mc.menuBtn2_btn.mouseEnabled=true;
mainmenu_mc.menuBtn1_btn.mouseEnabled=true;
mainmenu_mc.menuBtn4_btn.mouseEnabled=true;
mainmenu_mc.menuBtn5_btn.mouseEnabled=true;
mainmenu_mc.menuBtn3_btn.mouseEnabled=false;

}
mainmenu_mc.menuBtn3_btn.addEventListener(Mou
seEvent.MOUSE_UP,aktivBtnEffeckt3);
function
aktivBtnEffeckt3(event:MouseEvent):void {
mainmenu_mc.menuBtn3_btn.alpha=0.6;
mainmenu_mc.menuBtn3_btn.filters=[new
BlurFilter(1.5,1.5,1.5)];
mainmenu_mc.menuBtn1_btn.alpha=1;
mainmenu_mc.menuBtn1_btn.filters=[new
BlurFilter(0,0,0)];
mainmenu_mc.menuBtn2_btn.alpha=1;
mainmenu_mc.menuBtn2_btn.filters=[new
BlurFilter(0,0,0)];
}


function btn3Click(event:MouseEvent):void {
//geschehn
}
function btn4Click(event:MouseEvent):void {
//geschehn
}
function btn5Click(event:MouseEvent):void {
//geschehn
}

hab nochmal ein wenig rumprobiert....

Jetzt läufts so ungefähr wie ich es will aber
das Problem ist das die Container manchmal
einfach hängen bleiben.

Ich denke das liegt daran das ich einen
leeren Container mit einfaden lasse da er
sonst den tween nicht sauber macht. Und da
denk ich wird das Problem sein das der
Container im Endeffeckt über dem anderem
liegt und ich dann gegebenenfalls nicht auf
die Sachen die eingearbeitet weden sollen
zugreifen kann.

Was auch noch ein Problem sein wird ist das
ich nun den ersten Container nur mit größerem
bild nehme, da geht doch bestimmt die
funktionalität sowieso verloren oder passt
der sich dann an die Seite an ?!...

Dachte auch schon daran einen großen
Container zu machen wo ich die Contents nur
an die richtige stelle tweenen lasse aber
dann kann ich ja nur einen tween für beide
contents benutzen oder ??

Hoffe ihr könnt mir helfen werd noch verrückt
mit dem kram

gruß

D.