[calendar with tween]

Great tip!

 

here is my swf... it is missing mask (so only on month will be shown)

[calendar with tween]

Hello....

i am doing simple calendar with tweens.. i have decided that i will do this on simple way, but i am sure that there is even easier way to do this..

for showing and hidding one month i use code

function nap_na_feb(e:MouseEvent):void
{
   //skrijemo JANUAR    
   TweenLite.to(naprej_na_feb, 1.5,{x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(januar, 1.5,{x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(prvi, 1.5,{x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(drugi, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(tretji, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(cetrti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(peti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(sesti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(sedmi, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(osmi, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(deveti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(deseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(enajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(dvanajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(trinajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(stirinajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(petnajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(sestnajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(sedemnajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(osemnajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(devetnajsti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(dvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(enaindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(dvaindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(triindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(stiriindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(petindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(sestindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(sedemindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(osemindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(devetindvajseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(trideseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});
   TweenLite.to(enaintrideseti, 1.5, {x:0, ease:Elastic.easeOut, delay:0});

   //pokažemo FEBRUAR
   TweenLite.to(nazaj_na_jan, 1,{x:522, ease:Elastic.easeOut, delay:0.4});
   TweenLite.to(naprej_na_mar, 1,{x:844, ease:Elastic.easeOut, delay:0.4});
   TweenLite.to(februar, 1,{x:612, ease:Elastic.easeOut, delay:0.3});
   TweenLite.to(prvi1, 1,{x:496.51, ease:Elastic.easeOut, delay:0.4});
   TweenLite.to(drugi1, 1, {x:546.05, ease:Elastic.easeOut, delay:0.5});
   TweenLite.to(tretji1, 1, {x:595.60, ease:Elastic.easeOut, delay:0.6});
   TweenLite.to(cetrti1, 1, {x:645.15, ease:Elastic.easeOut, delay:0.7});
   TweenLite.to(peti1, 1, {x:694.70, ease:Elastic.easeOut, delay:0.8});
   TweenLite.to(sesti1, 1, {x:744.25, ease:Elastic.easeOut, delay:0.9});
   TweenLite.to(sedmi1, 1, {x:793.80, ease:Elastic.easeOut, delay:1});
   TweenLite.to(osmi1, 1, {x:843.35, ease:Elastic.easeOut, delay:1.1});
   TweenLite.to(deveti1, 1, {x:496.50, ease:Elastic.easeOut, delay:1.2});
   TweenLite.to(deseti1, 1, {x:546.05, ease:Elastic.easeOut, delay:1.3});
   TweenLite.to(enajsti1, 1, {x:595.60, ease:Elastic.easeOut, delay:1.4});
   TweenLite.to(dvanajsti1, 1, {x:645.15, ease:Elastic.easeOut, delay:1.5});
   TweenLite.to(trinajsti1, 1, {x:694.70, ease:Elastic.easeOut, delay:1.6});
   TweenLite.to(stirinajsti1, 1, {x:744.25, ease:Elastic.easeOut, delay:1.7});
   TweenLite.to(petnajsti1, 1, {x:793.80, ease:Elastic.easeOut, delay:1.8});
   TweenLite.to(sestnajsti1, 1, {x:843.35, ease:Elastic.easeOut, delay:1.9});
   TweenLite.to(sedemnajsti1, 1, {x:496.50, ease:Elastic.easeOut, delay:2.0});
   TweenLite.to(osemnajsti1, 1, {x:546.05, ease:Elastic.easeOut, delay:2.1});
   TweenLite.to(devetnajsti1, 1, {x:595.60, ease:Elastic.easeOut, delay:2.2});
   TweenLite.to(dvajseti1, 1, {x:645.15, ease:Elastic.easeOut, delay:2.3});
   TweenLite.to(enaindvajseti1, 1, {x:694.70, ease:Elastic.easeOut, delay:2.4});
   TweenLite.to(dvaindvajseti1, 1, {x:744.25, ease:Elastic.easeOut, delay:2.5});
   TweenLite.to(triindvajseti1, 1, {x:793.80, ease:Elastic.easeOut, delay:2.6});
   TweenLite.to(stiriindvajseti1, 1, {x:843.35, ease:Elastic.easeOut, delay:2.7});
   TweenLite.to(petindvajseti1, 1, {x:496.50, ease:Elastic.easeOut, delay:2.8});
   TweenLite.to(sestindvajseti1, 1, {x:546.05, ease:Elastic.easeOut, delay:2.9});
   TweenLite.to(sedemindvajseti1, 1, {x:595.60, ease:Elastic.easeOut, delay:3});
   TweenLite.to(osemindvajseti1, 1, {x:645.15, ease:Elastic.easeOut, delay:3.1});

}

 

so each day in month has own instance so this is about 370 instances just for showing days

 

i need some kind off a tip how should i do this with less code... and less copy paste

 

TNX!

[change alpha on tween]

nice.. tnx.

 

now with my problem..

 

if you see my example(on link) if you click first section "elektrika", there is a tween which opens to the right(with some text) and then with some delay another tween which opens down changing Y position.

 TweenLite.to(dol1, 3.5, {x:0, y:354, delay:0.5});

 

this works well, but when i click some other section "gorivo" i hide tween which is curently down

TweenLite.to(dol1, 0.5, {x:0, y:0});

and then show tween which is conneceted with sectin "gorivo"...

 

My question is is there possibility to hide tweens which i am hidding (

TweenLite.to(dol1, 0.5, {x:0, y:0});

) with alpha set to 0 in x seconds ?

 

TY

[change alpha on tween]

Hey,

 

i have created simple, "banner" (you can see it http://megaswf.com/serve/91636/)

 

but i have question. Is it posible to hide the tween which opens down(dolx.props with alpha(not by changing it y position?))

 

here is the code

 

import gs.*;
import gs.easing.*;
import flash.display.MovieClip;

panel1.props = {lx:0, rx:570, ind:1};
panel2.props = {lx:30, rx:600, ind:2};
panel3.props = {lx:60, rx:630, ind:3};
panel4.props = {lx:90, rx:660, ind:4};
dol1.props 	= 	{lx:0, rx:0};
dol2.props	=	{lx:30, rx:0};
dol3.props 	= 	{lx:60, rx:0};
dol4.props	=	{lx:90, rx:0};

panel1.addEventListener(MouseEvent.CLICK, onClick);
panel2.addEventListener(MouseEvent.CLICK, onClick);
panel3.addEventListener(MouseEvent.CLICK, onClick);
panel4.addEventListener(MouseEvent.CLICK, onClick);

function onClick(e:MouseEvent):void
{
var clicked:MovieClip = MovieClip(e.target);
for(var i:int=0; i	{
	var mc:MovieClip = MovieClip(getChildAt(i));
	if(mc.props.ind <= clicked.props.ind)
	{
		TweenLite.to(mc, 1, {x:mc.props.lx, ease:Expo.easeOut});

	}
	else
	{
		TweenLite.to(mc, 1, {x:mc.props.rx, ease:Expo.easeOut});

	}
}
switch (clicked){
	case panel1:
	TweenLite.to(dol1, 3.5, {x:0, y:354, delay:0.5});
	TweenLite.to(dol2, 0.5, {x:30, y:0});
	TweenLite.to(dol3, 0.5, {x:60, y:0});
	TweenLite.to(dol4, 0.5, {x:90, y:0});
	break;
	case panel2:
	TweenLite.to(dol2, 3.5, {x:30, y:354,delay:0.5});
	TweenLite.to(dol1, 0.5, {x:0, y:0});
	TweenLite.to(dol3, 0.5, {x:60, y:0});
	TweenLite.to(dol4, 0.5, {x:90, y:0});
	break;
	case panel3:
	TweenLite.to(dol3, 3.5, {x:60, y:354,delay:0.5});
	TweenLite.to(dol1, 0.5, {x:0, y:0});
	TweenLite.to(dol2, 0.5, {x:30, y:0});
	TweenLite.to(dol4, 0.5, {x:90, y:0});
	break;
	case panel4:
	TweenLite.to(dol4, 3.5, {x:90, y:354,delay:0.5});
	TweenLite.to(dol1, 0.5, {x:0, y:0});
	TweenLite.to(dol3, 0.5, {x:60, y:0});
	TweenLite.to(dol2, 0.5, {x:30, y:0});
	break;
	default:trace (0);

}

}