Hi jaddik: Very nicely designed site! I am wondering how you did the following:
1. When the view changes on the right based on the onclick of a tab -- are you simply hiding and unhiding views? I really like the effect.
2. How do you determine screen resolution and adjust accordingly?
Many thanks,
Jim
Jim,
All I did to change the view was to animate(fade) the old page away, and animate the new page in. Here is my class fade, and passed in the page(view) names.
<class name="fade">
<attribute name="old_page" type="string" value="null"/>
<attribute name="new_page" type="string" value="null"/>
<attribute name="running" type="boolean" value="false"/>
<method name="start" args="oldpage, newpage">
if(this.getAttribute('running') != true){
//no animation currently running
//start animation
this.setAttribute('running', true);
this.setAttribute("old_page", oldpage);
this.setAttribute("new_page", newpage);
var anm = oldpage.animate("opacity",0,1500,false); //animate old page
var d = new LzDelegate(this, "fadeInNewPage");
d.register(anm, "onstop"); //triggers method fadeInNewPage
}
</method>
<method name="fadeInNewPage">
//after oldpage animates, starts newpage animate
var oldpage = this.getAttribute("old_page");
var newpage = this.getAttribute("new_page");
oldpage.setVisible(false);
newpage.setVisible(true);
newpage.setAttribute("opacity",0);
var anm = newpage.animate("opacity",1,1000,false); //animate new page
var d = new LzDelegate(this, "anmDone");
d.register(anm, "onstop"); //triggers method anmDone
</method>
<method name="anmDone">
this.setAttribute('running', false);
</method>
</class>
For the screen resolution, if you have your canvas set at 100% for the height and width, you place javascript in your html page to detect the resolution and resize the flash object accordingly. Here I keep the width constant, but adjust the height based on their screen height.
<script type="text/javascript">
var screenH = screen.height;
var height;
if(screenH<700){height=355;}
else if(screenH>=700 && screenH<=799){height=455;}
else if(screenH>=900 && screenH<=999){height=655;}
else if(screenH>=1000 && screenH<=1099){height=755;}
else if(screenH>=1100 && screenH<=1199){height=855;}
else if(screenH>=1200){height=955;}
else{height=555;}
AC_FL_RunContent('type','application/x-shockwave-flash','data','index.lzx.lzr=swf8.swf?lzproxied=fa lse','width','785','height', height,'movie','index.lzx.lzr=swf8?lzproxied=false ','quality','high','scale','noscale','salign','LT' ,'menu','false');
</script>
The Laszlo book covers these topics as well. Good Luck :D