Help with Creating An Action That Reveals

[Roosta]

Greetings Folks!

I'm looking to do something that seems kinda simple but I'm having loads of trouble doing it. Hoping to get some help from this awesome community.

I want to create flash that when you press the button, the top (moves up) and bottom (moves down) layers of the file will drop revealing content below it.

Something kinda like this page but where the show/hide button actually moves above layers to show content below.

Any help would be greatly appreciated!

Thanks in advance!

[agentxi]

hey roosta,

i think you may want to check out this tutorial, it might help explain a bit of what you want done.

kirupa.com - Changing Stacking Order (swapDepth)

hope this helps.
`agentxi`

[unleash]

So what you want to do is make an hidden layer that reveals itself when the button is pushed? right?

Do you have any skills in actionscript? Cause what you want to do is this:

When the btn is clicked you want to create an empty movieclip;

stop();

btn.onRollOver = function() {
	this.createEmptyMovieClip("container",3);
	container.attachMovie("Symbol 2","Menu",3);
	mc._y = 45;
	mc._x = 175;
};
btn.onRollOut = function() {
	mc.removeMovieClip;
};

It should look something like that... this is just something I spew out... so it probably has some bugs left or so... (or it might not be working yet missing parts or something). But I hope this gets you in the right direction!

PS: "btn" is the instance name for the main button and "Symbol 2" is the librabry name for the drop down menu. Of you want it to be animated... than the code should be different... let us know!

[Roosta]

Thanks for the replies guys.

This is what I used.

animation_mc.stop();
button_mc.stop();

button_mc.onPress=function(){
if(button_mc._currentframe ==1){
this.gotoAndStop(2);
animation_mc.play();
}
else{
this.gotoAndPlay(1);
animation_mc.stop();
}
}

I'm not so good with actionscripts as all. Cant seem to get it to work.

Sorry I posted this another thread. But I attached the file too.

[Roosta]

So, in the file, what I am trying to so is have the one button show/hide content behind the red gradient box.

Again, any help would be greatly appreciated!

Thanks in advance!

[unleash]

So I was trying to open that file...

But it cant open it It says "unexpected file format"...

so what version of flash are you using?

[Roosta]

sorry cs4. attached new version. Tho I realise that there is a mistake in the make up of it.

I got it to work by changing the the action script to 2.0 but I want to press the button to get the layer to drop and then hit the same button to get the layer to hide the content again.

attached cs3 format.

[unleash]

euhm, than that means you want to use variables.

you get something like this:

btn.onPress = function(){
	if(i == 0){
		i++;
		//enter the code that makes the menu drop here//
	}else if(i == 1){
		i = 0;
		//enter the code that makes the menu retract here//
	}else{
		echo "error i has exceeded maximum value";
	}
};

[Roosta]

INteresting. Gonna give this a go... hope it works! You all rawk! Thanks.

Will report back!

Originally Posted by unleash

euhm, than that means you want to use variables.

you get something like this:

btn.onPress = function(){
    if(i == 0){
        i++;
        //enter the code that makes the menu drop here//
    }else if(i == 1){
        i = 0;
        //enter the code that makes the menu retract here//
    }else{
        echo "error i has exceeded maximum value";
    }
};

[Roosta]

Okay,

so if I make two movieclips, one with the layer dropping off the stage and one with the layer coming back to the stage and embed both of them onto the scene, how can I have:

1. one button that drops the layer and also brings the layer back?
2. what is the code to get one button to do 2 things?
3. make it so that the animation for both movie clips stop after running once? Where would I put the stop(); code?

thanks folks!

Originally Posted by unleash

euhm, than that means you want to use variables.

you get something like this:

btn.onPress = function(){
    if(i == 0){
        i++;
        //enter the code that makes the menu drop here//
    }else if(i == 1){
        i = 0;
        //enter the code that makes the menu retract here//
    }else{
        echo "error i has exceeded maximum value";
    }
};

[unleash]

Im not sure what you are asking, but I think this will do the trick of the drop down menu

If you dont understand the code, reply here and Ill try to explain it for you!

The code:

stop();
i = 0;
btn_home.onPress = function() {
	if (i === 0) {
		dropIn(bbm);
		i++;
	} else {
		dropOut(bbm);
		i = 0;
	}

};
bbm.btn_am.onRollOver = function() {
	bbm.btn_am._alpha = 50;
};
bbm.btn_am.onRollOut = function() {
	bbm.btn_am._alpha = 100;
};


function dropIn(mc) {
	easeType = mx.transitions.easing.Strong.easeInOut;
	var begin = -62;
	var end = 97;
	var time = 10;
	inTween = new mx.transitions.Tween(mc, "_Y", easeType, begin, end, time, false);
}
function dropOut(mc) {
	easeType = mx.transitions.easing.Strong.easeInOut;
	var begin = 97;
	var end = -62;
	var time = 10;
	outTween = new mx.transitions.Tween(mc, "_Y", easeType, begin, end, time, false);
}

I Have attached the file, the file contains a working version. Do note that this is not the only way to do this. There is a cleaner way... which contains listeners and stuff... but I don't think you would be able to use that code yourself

[Roosta]

Thanks you SO MUCH! You rawk!

Gonna give it a whirl right now!
Thanks again!

Originally Posted by unleash

Im not sure what you are asking, but I think this will do the trick of the drop down menu

If you dont understand the code, reply here and Ill try to explain it for you!

The code:

stop();
i = 0;
btn_home.onPress = function() {
    if (i === 0) {
        dropIn(bbm);
        i++;
    } else {
        dropOut(bbm);
        i = 0;
    }

};
bbm.btn_am.onRollOver = function() {
    bbm.btn_am._alpha = 50;
};
bbm.btn_am.onRollOut = function() {
    bbm.btn_am._alpha = 100;
};


function dropIn(mc) {
    easeType = mx.transitions.easing.Strong.easeInOut;
    var begin = -62;
    var end = 97;
    var time = 10;
    inTween = new mx.transitions.Tween(mc, "_Y", easeType, begin, end, time, false);
}
function dropOut(mc) {
    easeType = mx.transitions.easing.Strong.easeInOut;
    var begin = 97;
    var end = -62;
    var time = 10;
    outTween = new mx.transitions.Tween(mc, "_Y", easeType, begin, end, time, false);
}

I Have attached the file, the file contains a working version. Do note that this is not the only way to do this. There is a cleaner way... which contains listeners and stuff... but I don't think you would be able to use that code yourself

[Roosta]

Unleash! You are my fave person in the world!

It's perfect! Thank you SO SO MUCH!

[unleash]

no thanks

Let me know how your ?site? looks in the end! Im kinda curious now!

[Roosta]

Dude are you AWESOME!

Social Justice Leadership: Mission & Vision

I changed it up a bit to make it bigger.

Question:
Is there a way to have the read button change to close when the layer drops in and then back to read when the layer drops out?

I was gonna try that but was too scared to mess the whole thing up! Def aint got the skills you rocking for sure!

Thanks so much again!

Originally Posted by unleash

no thanks

Let me know how your ?site? looks in the end! Im kinda curious now!