I have made a liquid layout flash site in AS3 but it doesn’t rescale correctly in any browsers above 1440x900. I know most people don’t have screens bigger than this but it should be scaling to the entire window regardless of the screen size, small or large. Can anyone take a look at my code which has resize handlers but I still have no joy.
This is the website but I am not allowed yet by this site to add the entire url!!!
—CODE—
package {
import flash.events.MouseEvent;
import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;
import flash.display.*;
import FluidLayout.*;
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
import Classes.Lights;
public class Website extends MovieClip{
public function Website() // this function ensures that when the website is added to stage the Website() class is called
{
this.addEventListener(Event.ADDED_TO_STAGE, init);
}
public function init(e:Event):void
{
/* Set the Scale Mode of the Stage */
stage.scaleMode = StageScaleMode.NO_SCALE; // Use NO_SCALE then resize your content manually to avoid stretching/pixelation
stage.align = StageAlign.TOP_LEFT; // So that (0, 0) is always in the top-left corner
stage.addEventListener(Event.RESIZE, resizeListener);
function resizeListener (e:Event):void {
trace("stageWidth: " + stage.stageWidth + " stageHeight: " + stage.stageHeight);
}
/* Add the symbols to stage */
var bg = new bgHome();
addChild(bg);
var menu = new Menu();
addChild(menu);
var title = new Title();
addChild(title);
var home = new Home();
addChild(home);
var subCategory = new homeCategory();
//addChild(subCategory);
var footer = new Footer();
addChild(footer);
/* Apply the alignment to the background */
var bgParam = {
x:0.5,
y:0.5,
offsetX: 0,
offsetY: 0
}
new FluidObject(bg,bgParam);
/* Apply the alignment to the title */
var titleParam = {
x:0,
y:0,
offsetX: 0,
offsetY: 0
}
new FluidObject(title,titleParam);
/* Apply simple alignment to the title */
/*var titleParam = {
alignment: "TOP_LEFT",
margin: 0
}
new SimpleFluidObject(title,titleParam);*/
var menuParam = {
x:0.5,
y:0,
offsetX:0,
offsetY:0
}
/* Apply the alignment to the menu */
new FluidObject(menu,menuParam);
/* Apply the alignment to the content */
var middleParam = {
x:0.5,
y:0.5,
offsetX: 0,
offsetY: 0
//offsetX: -home.width/2,
//offsetY: -home.height/2
}
new FluidObject(home,middleParam);
var leftParam = {
x:0.15,
y:0.5,
offsetX: 0,
offsetY: 0
}
//new FluidObject(subCategory,leftParam);
/* Apply the alignment to the footer */
var footerParam = {
x:0,
y:1,
offsetX: 0,
offsetY: 0
}
new FluidObject(footer,footerParam);
//-----DEVIN PAGE CODE START ---- \
//buttons
eventListeners(); //Turns on button event listeners
handCursors(); //Turns on Hand Cursors at site launch
//remove home button event listeners since that's the default
menu.home_btn.removeEventListener(MouseEvent.MOUSE _OVER, btnOver);
menu.homeHit_mc.removeEventListener(MouseEvent.MOU SE_OVER, btnOver);
menu.home_btn.removeEventListener(MouseEvent.MOUSE _OUT, btnOut);
menu.homeHit_mc.removeEventListener(MouseEvent.MOU SE_OUT, btnOut);
menu.home_btn.removeEventListener(MouseEvent.CLICK , btnHome);
menu.homeHit_mc.removeEventListener(MouseEvent.CLI CK, btnHome);
menu.home_btn.useHandCursor = false; //Turns off Hand Cursor for Home Button (that's the first page)
menu.homeHit_mc.useHandCursor = false;
currentButton = menu.home_btn; // the current Button variable (declared below) ensures the buttons flip back once another page is selected
menu.homeHit_mc.targetmc = menu.home_btn; // Creates the targetmc variable so the buttons can flip
menu.aboutHit_mc.targetmc = menu.about_btn;
menu.webHit_mc.targetmc = menu.web_btn;
menu.contactHit_mc.targetmc = menu.contact_btn;
menu.infoHit_mc.targetmc = menu.info_btn;
menu.home_btn.targetmc = menu.home_btn; // Creates the targetmc variable so the buttons can flip
menu.about_btn.targetmc = menu.about_btn;
menu.web_btn.targetmc = menu.web_btn;
menu.contact_btn.targetmc = menu.contact_btn;
menu.info_btn.targetmc = menu.info_btn;
function eventListeners():void
{
menu.homeHit_mc.addEventListener(MouseEvent.MOUSE_ OVER, btnOver);
menu.aboutHit_mc.addEventListener(MouseEvent.MOUSE _OVER, btnOver);
menu.webHit_mc.addEventListener(MouseEvent.MOUSE_O VER, btnOver);
menu.contactHit_mc.addEventListener(MouseEvent.MOU SE_OVER, btnOver);
menu.infoHit_mc.addEventListener(MouseEvent.MOUSE_ OVER, btnOver);
menu.home_btn.addEventListener(MouseEvent.MOUSE_OV ER, btnOver);
menu.about_btn.addEventListener(MouseEvent.MOUSE_O VER, btnOver);
menu.web_btn.addEventListener(MouseEvent.MOUSE_OVE R, btnOver);
menu.contact_btn.addEventListener(MouseEvent.MOUSE _OVER, btnOver);
menu.info_btn.addEventListener(MouseEvent.MOUSE_OV ER, btnOver);
menu.homeHit_mc.addEventListener(MouseEvent.MOUSE_ OUT, btnOut);
menu.aboutHit_mc.addEventListener(MouseEvent.MOUSE _OUT, btnOut);
menu.webHit_mc.addEventListener(MouseEvent.MOUSE_O UT, btnOut);
menu.contactHit_mc.addEventListener(MouseEvent.MOU SE_OUT, btnOut);
menu.infoHit_mc.addEventListener(MouseEvent.MOUSE_ OUT, btnOut);
menu.home_btn.addEventListener(MouseEvent.MOUSE_OU T, btnOut);
menu.about_btn.addEventListener(MouseEvent.MOUSE_O UT, btnOut);
menu.web_btn.addEventListener(MouseEvent.MOUSE_OUT , btnOut);
menu.contact_btn.addEventListener(MouseEvent.MOUSE _OUT, btnOut);
menu.info_btn.addEventListener(MouseEvent.MOUSE_OU T, btnOut);
menu.homeHit_mc.addEventListener(MouseEvent.CLICK, btnHome);
menu.aboutHit_mc.addEventListener(MouseEvent.CLICK , btnAbout);
menu.webHit_mc.addEventListener(MouseEvent.CLICK, btnWeb);
menu.contactHit_mc.addEventListener(MouseEvent.CLI CK, btnContact);
menu.infoHit_mc.addEventListener(MouseEvent.CLICK, btnInfo);
menu.home_btn.addEventListener(MouseEvent.CLICK, btnHome);
menu.about_btn.addEventListener(MouseEvent.CLICK, btnAbout);
menu.web_btn.addEventListener(MouseEvent.CLICK, btnWeb);
menu.contact_btn.addEventListener(MouseEvent.CLICK , btnContact);
menu.info_btn.addEventListener(MouseEvent.CLICK, btnInfo);
}
function handCursors():void //turns on button mode for all buttons
{
menu.home_btn.buttonMode=true; // Must turn movieclips on buttonMode
menu.homeHit_mc.buttonMode=true;
menu.about_btn.buttonMode=true;
menu.aboutHit_mc.buttonMode=true;
menu.web_btn.buttonMode=true;
menu.webHit_mc.buttonMode=true;
menu.contact_btn.buttonMode=true;
menu.contactHit_mc.buttonMode=true;
menu.info_btn.buttonMode=true;
menu.infoHit_mc.buttonMode=true;
menu.home_btn.useHandCursor=true;
menu.homeHit_mc.useHandCursor=true;
menu.about_btn.useHandCursor=true;
menu.aboutHit_mc.useHandCursor=true;
menu.web_btn.useHandCursor=true;
menu.webHit_mc.useHandCursor=true;
menu.contact_btn.useHandCursor=true;
menu.contactHit_mc.useHandCursor=true;
menu.info_btn.useHandCursor=true;
menu.infoHit_mc.useHandCursor=true;
}
function btnOver(e:MouseEvent):void
{
e.currentTarget.targetmc.gotoAndPlay("over");
}
function btnOut(e:MouseEvent):void
{
e.currentTarget.targetmc.gotoAndPlay("out");
}