TypeError: Error #1009: Cannot access a property or method of a null object reference.
at galleryClass()
Get this error ^ when the function is called from my main swf. I know that this code deals with something about not being able to use the stage property in an external as file, but heard there is a way around it; i just don’t know how to get there … ?
Function from my main file …
photo_mc.addEventListener(MouseEvent.CLICK, photoWork);
function photoWork (event:MouseEvent):void {
photoLoader.load(photoRequest);
addChild(photoLoader);
photoLoader.x = 0;
photoLoader.y = 0;
}
Here is code from my galleryClass.as file.
package {
import fl.transitions.easing.Strong;
import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.display.Loader;
import flash.utils.Timer;
import flash.events.MouseEvent;
import flash.events.Event;
import flash.events.ProgressEvent;
import flash.events.TimerEvent;
import flash.text.TextField;
import flash.text.TextFormat;
import flash.net.URLRequest;
import flash.net.URLVariables;
import flash.net.URLLoader;
public class galleryClass extends MovieClip {
//set the constraints of the thumbnail
private const tmbWidth = 100;
private const tmbHeight = 70;
//Create the variables/instances to be used
//Set the spacing and size of the thumbnails
var _left:int;
var _right:int;
var spacer:int;
// define the xml
var thumbList:XMLList;
var imageList:XMLList;
// create containers to hold our thumbnails and main image
var thumbnailArray = new Array();
var thumbnailHolder:Sprite;
var lrgImage:Loader;
var imgLoad:String;
var preLoader:Sprite;
// define how many thumbs we are loading
var numTmbs:int;
var loadedTmbs:int;
var numTmbsPerPage:int;
var startAt:int;
var thumbPage:int;
var maxThumbPage:int;
var thumbsThisPage:int;
// set the location of the xml
var xmlFile:String = "http://web.ics.purdue.edu/~rohicks/v2/gallery.xml";
// the main defention class
public function galleryClass() {
thumbPage = 0;
maxThumbPage = 0;
startAt = 0;
numTmbsPerPage = 6;
thumbsThisPage = 6;
_left = 25;
_right = stage.stageWidth - 30;
spacer = 20;
thumbnailHolder = new Sprite;
thumbnailHolder.y = 510;
thumbnailHolder.x = _left;
addEventListener(Event.ADDED_TO_STAGE, init);
nextPage.addEventListener(MouseEvent.CLICK, nextTmbs);
prevPage.addEventListener(MouseEvent.CLICK, prevTmbs);
}
//
public function init(e:Event):void {
addChild(thumbnailHolder);
lrgImage = new Loader();
lrgImage.alpha = 0;
addChild(lrgImage);
preLoader = new Sprite();
preLoader.graphics.lineStyle(1, 0x666666);
preLoader.graphics.moveTo(0,0);
preLoader.graphics.lineTo(250, 0);
loadXML();
}
// Load the xml data
private function loadXML():void {
var req:URLRequest = new URLRequest(xmlFile);
var uLoader:URLLoader = new URLLoader(req);
uLoader.addEventListener(Event.COMPLETE, onXMLLoad);
}
// What to do once the xml data has been loaded
private function onXMLLoad(e:Event):void {
var myXML = new XML(e.target.data);
thumbList = myXML.catagory.link;
numTmbs = thumbList.length();
// find the max number of pages
maxThumbPage = numTmbs / numTmbsPerPage;
if(numTmbs % numTmbsPerPage != 0)
{
maxThumbPage++;
}
imageList = myXML.catagory.image;
loadTmbs();
}
// Load the thumbnails
private function loadTmbs():void {
var numTmbs = thumbList.length();
var currentX = _left;
if (thumbnailHolder.numChildren > 0) {
loadedTmbs = 0;
while (thumbnailHolder.numChildren > 0) {
thumbnailHolder.removeChildAt(0);
}
}
thumbnailArray = new Array();
thumbsThisPage = 0;
for (var i:int = startAt; i < (startAt + numTmbsPerPage); i++) {
if(i < numTmbs)
{
var thumb:thumbClass = new thumbClass();
thumb.y = 0;
thumbnailArray.push(thumb);
thumb.buttonMode = true;
thumb.mouseChildren = false;
thumb.id = i;
thumb.largeImage = imageList*.toString();
var loader:Loader = new Loader();
thumb.addChild(loader);
thumb.x = currentX;
currentX += tmbWidth + spacer;
loader.load(new URLRequest(thumbList*.toString()));
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onThumbLoad);
thumb.addEventListener(MouseEvent.CLICK, onThumbClick);
thumbnailHolder.addChild(thumb);
thumb.mouseEnabled = false;
thumb.visible = false;
thumbsThisPage++;
}
}
// and drop it down here - setting it equal to the value of the first thumb's largeImage prop.
imgLoad = imageList[startAt].toString();
} // what to do once the thumbnails have loaded
private function onThumbLoad(evt:Event):void {
evt.target.removeEventListener(Event.COMPLETE, loadTmbs);
loadedTmbs++;
if (loadedTmbs == thumbsThisPage) {
showTmbs();
}
}
// When all thumbs are loaded, make them visible, and load the first large image
private function showTmbs():void {
var t = 0;
for (var i = startAt; i < (startAt + numTmbsPerPage); i++) {
if(t < thumbsThisPage)
{
thumbnailArray[t].visible = true;
thumbnailArray[t].mouseEnabled = true;
t++;
}
}
loadImage(imgLoad);
}
// what happens when you click on a thumbnail
private function onThumbClick(me:MouseEvent):void {
// fade out the big picture, get prepared to show what picture to load next
var at:Tween = new Tween(lrgImage, "alpha", Strong.easeOut, lrgImage.alpha, 0, .2, true);
imgLoad = me.target.largeImage;
loadImage(imgLoad);
}
// next and previous buttons
public function nextTmbs(evt:MouseEvent):void {
if(thumbPage < (maxThumbPage-1))
{
thumbPage++;
startAt = numTmbsPerPage * thumbPage;
loadTmbs();
}
}
public function prevTmbs(evt:MouseEvent):void {
if(thumbPage > 0)
{
thumbPage--;
startAt = numTmbsPerPage * thumbPage;
loadTmbs();
}
}
// Load the main image
private function loadImage(img:String):void {
// add the preloader
preLoader.x = stage.stageWidth / 2 - preLoader.width / 2;
preLoader.y = stage.stageHeight / 2 + 100;
preLoader.scaleX = 0;
addChild(preLoader);
// load the image
var req = new URLRequest(img);
lrgImage.load(req);
lrgImage.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onImageProgress);
lrgImage.contentLoaderInfo.addEventListener(Event.COMPLETE, onLargeImageLoad);
}
private function onImageProgress(pe:ProgressEvent):void {
preLoader.scaleX = pe.bytesLoaded / pe.bytesTotal;
}
// when the large image is loaded get rid of the preloader, set the text in the text field and fade the large image in
private function onLargeImageLoad(e:Event):void {
lrgImage.contentLoaderInfo.removeEventListener(Event.COMPLETE, onLargeImageLoad);
lrgImage.contentLoaderInfo.removeEventListener(ProgressEvent.PROGRESS, onImageProgress);
removeChild(preLoader);
lrgImage.x = 50;
lrgImage.y = 20;
var at:Tween = new Tween(lrgImage, "alpha", Strong.easeOut, 0, 1, 1.5, true);
}
}
}
