Targeting mc's

[Robb@exo]

Hey everyone, this one has me really confused, been trying for a few days now. Here's my issue, I have some buttons(dynamic mc's) set up with an ROLL_OVER/ROLL_OUT MouseEvent handler and have put them in an array. No problem there.

var btnArray:Array = [];
for(var i:int = 0; i < 5; i++) {
	var bg:Bg = new Bg();
	bg.width = 173;
	bg.height = 20;
	bg.x = 25;
	bg.y = (22 * i) + 40;
	bg.name = "bg"+i;
	
	container.addChild(bg);
	btnArray.push(bg.name);

    bg.addEventListener(MouseEvent.ROLL_OVER, mOver);
    bg.addEventListener(MouseEvent.ROLL_OUT, mOut);
}
function mOver(e:MouseEvent):void {
    var twIn:Tween = new Tween(e.currentTarget, "alpha", Regular.easeOut, 0.5, 1, .5, true);
    if(legendArray[idNum][0] == 1) {
        TweenMax.to(dtrArray[0], 1, {tint:0x14170C}); 
    }
    if(legendArray[idNum][1] == 1) {
	TweenMax.to(dtrArray[1], 1, {tint:0x89FC01});
    } etc...
}
function mOut(e:MouseEvent):void {
    var twOut:Tween = new Tween(e.currentTarget, "alpha", Regular.easeOut, 1, 0.5, .5, true);
    TweenMax.to(dtrArray[0], 1, {tint:0x14170C});
    TweenMax.to(dtrArray[1], 1, {tint:0x14170C});
    etc...
}

Next, I set up another array to contain some numeric values that will determine if a mc's tint is changed.(0 = doesn't change, 1 = change).

var legArray:Array = [[1,1,1,0,1],[1,1,0,0,1],[1,0,1,1,0],[0,1,1,0,1],[0,1,0,1,1]];

No issue there either. Next, (this is where questions arise), I dynamically set another group of mc's, and positioned them over the button mc's. So basically 5 mc's( Dot ) per row, and pushed them in an array as well.

var dtrArray:Array = [];
for(var c:int = 0; c < legendArray.length; c++) {
	for(var r:int = 0; r < 5; r++) {
		var dtr:Dot = new Dot();
		dtr.x = 150 + (10 * c);
		dtr.y = 50 + (22 * r);
		dtr.name = "dtr" + r;
		addChild(dtr);
		dtrArray.push(dtr.name);
	}
}

The problem is I can't seem to target the dtr mc's (Dot) at all even when they're in an array. Anyone have any strategies I can use to make this concept finally work? I've been able to do it as long as the dot mc's are a child of the button mc's, but I don't want the rollOver/rollOut effects to effect the child, therefore the separation. Please somebody help me!

I hope it's clear.

[Beathoven]

I hope it's clear.

Not really lol.

Are you getting an error anywhere? What's the line where your trying to target the MC's and it's not working?

[Robb@exo]

Figure it's not clear,... that sucks, oh well,
In the mOver/mOut functions using TweenMax is where I get my errors, usually a 1069.

ReferenceError: Error #1069: Property tint not found on String and there is no default value.
at gs::TweenLite/initTweenVals()
at gs::TweenMax/initTweenVals()
at gs::TweenLite/activate()
at gs::TweenLite$/updateAll()


Thanks for the look, much appreciated.

[5TonsOfFlax]

You're pushing the names into dtrArray instead of the actual dots.

Change the push line to this:

dtrArray.push(dtr); //things are not names.

[Robb@exo]

Yeah the problem definitely lies within the attempt to target any of the indices of dtrArray. Just tried running a trace statement in the mOver function (omitting everything else), still getting an error, all be it a different one, #1009, Cannot access a property or method of a null object reference.

[Robb@exo]

Just tried 5TonsOfFlaxs' suggestion, still get the 1009 error.

[Beathoven]

I'm assuming here Dot is a Movie Clip

TweenMax.to(MovieClip(dtrArray[0]), 1, {tint:0x14170C});

Try that, see if that works.

[Robb@exo]

That did the trick, thanks Beathoven. Of course that has issued a completely new problem, but at least now the mc are being properly referenced. Now it's just the first row of dots that are changing tint. Should I have set up the dots differently? Or do I need to make some alterations as to how the rest are to be referenced?