Clickable Movies within Scrollpanes

[AaronForgue]

I have written an the following code that dynamically loads a bunch of movies into a Scrollpane. I had a question about the "click-ability" of the movieclips loaded into the scrollpane. Is it possible to attach a variable to the movieclip after it is created, and then reference that variable when the movieclip is clicked? Below is sample code of what I would like to do, but is not working:

var ScrollPane = _root.skin.Explorer.ScrollPane;
var GalleryMC = ScrollPane.content.createEmptyMovieClip("Gallery"+Gallery.id, 1);

for (var i = 0; i < Gallery.images.length; ++i) {
     var Image = new Object();
     
     Image.name = Gallery.images[i].name;
     Image.width = Gallery.images[i].width;
     Image.height = Gallery.images[i].height;
     
     
     var ImageMC = GalleryMC.createEmptyMovieClip("Pic"+i, i);
     // NOTE THE FOLLOWING LINE:
     ImageMC._ImageName = Image.name;
     
     var PicLoader = new MovieClipLoader();
     PicLoader.onLoadInit = function (targetMC) {
          // NOTE THE FOLLOWING LINE:
          targetMC.onRelease = function() { alert(targetMC._ImageName); };
          ScrollPane.invalidate();
     }
     PicLoader.loadClip(Gallery.path+"/"+Image.name.split(".jpg").join("_thumb.jpg"), ImageMC);
}

Although all of the individual movieclips inside of the Scrollpane are click-able, the problem is that ALL of them are sending the Image.name value of the LAST LOADED ImageMC instance to the alert() function when clicked. Any ideas?

Thanks in advance,
Aaron

[trionik]

targetMC.onRelease = function() { alert(targetMC._ImageName); };

replace with

targetMC.onRelease = function() { alert(this._ImageName); };

give it a try

[AaronForgue]

No luck, when I change it, the value on click is "undefined". I am guessing because "this" is referencing the PicLoader object, not the TargetMC.

Any other ideas?

[trionik]

Well normaly if you declare a onRelease function while in the {} your in the movie. And since TargetMc is from loadInit it does not exist anymore when you click or refer to the last Image create.

use this to know what's in there put that in the onRelease function

for(var i in this)
{
trace(i + " = " + this[i])
}

[AaronForgue]

PicLoader.onLoadInit = function(targetMC) {
	for(var i in this)
	{
		trace(i + " = " + this[i])
	}
	targetMC.onRelease = function() { alert(this._ImageName); };
	ScrollPane.invalidate();
}

Output:
onLoadInit = [type Function]
onLoadInit = [type Function]
onLoadInit = [type Function]
onLoadInit = [type Function]
onLoadInit = [type Function]
onLoadInit = [type Function]
onLoadInit = [type Function]
onLoadInit = [type Function]

[trionik]

code:

---

PicLoader.onLoadInit = function(targetMC) {

	targetMC.onRelease = function() { 

              for(var i in this)

	      {

		    trace(i + " = " + this[i])

	      }

              alert(this._ImageName); 

        };

	ScrollPane.invalidate();

}

---

Like this

[AaronForgue]

I tried that as well, same output.
When one of the MCs is clicked, trace ouputs:
onLoadInit = [type Function]

[trionik]

you are suppose to get the output on click right?

[trionik]

Well i'm bafled how could the only thing you have in your movie is a function loadInit... Can you send a fla....

[trionik]

wait i will try something

[trionik]

this["PicLoader" + i] = new MovieClipLoader();
     this["PicLoader" + i].onLoadInit = function (targetMC) {
          // NOTE THE FOLLOWING LINE:
          targetMC.onRelease = function() { alert(this._ImageName); };
          ScrollPane.invalidate();
     }
     this["PicLoader" + i].loadClip(Gallery.path+"/"+Image.name.split(".jpg").join("_thumb.jpg"), ImageMC);

[trionik]

that make sense since the loop don't wait for the init and replace the picLoader

Sory i did not see that before

[AaronForgue]

Unfortunately, that didn't work either. I just get "undefined" when any clip is clicked. However, I tried using the built in variable _name (instance name of the movie clip) and it worked - I got the unique instance name of the movieclip that was clicked:

PicLoader.onLoadInit = function(targetMC) {
	targetMC.onRelease = function() {
		trace(this._name); 
	};
	ScrollPane.invalidate();
}
		PicLoader.loadClip(Gallery.path+"/"+Image.name.split(".jpg").join("_thumb.jpg"), ImageMC);

So perhaps it had something to do with my custom variable.

Trionik, I absolutely appreciate your help and advice! I think you answered one of my other posts as well - at this rate I should just put you on our payroll!

[trionik]

After a few test and some head scratching i found out that when you load the clip everything is erase all variables are gone. It's the same if you are trying to put something in the movieClipLoader object. But there is a way to counter that by using a listener. I have built this to make my test and it's working.

Have a look at the fla