Simple button frame navigation in HTML5 stops working

Question

I have been trying out simple navigation between two frames (frame 0 and frame 4) with a button.

on the first frame I just have a text and a button with the code:

this.stop();

this.btn_scena.addEventListener("click", fl_ClickToGoToAndStopAtFrame.bind(this));

function fl_ClickToGoToAndStopAtFrame()
{
this.gotoAndStop(4);
}

and on frame 4:

this.btn_scena.addEventListener("click", fl_ClickToGoToAndStopAtFrame.bind(this));

function fl_ClickToGoToAndStopAtFrame()
{
this.gotoAndStop(0);
}

It works for about 10 times and then stops, since I just used Code Snippets and didn't make my own code I'm not sure how this could possibly not work.

Thanks in advance.

veliborm2817778 · Accepted Answer

then you must have "different" btn_scena's on frame 0 and frame 4. to remedy, move btn_scena to its own layer in frame 0 and extend (if needed) its layer to frame 4 with no other keyframes. remove any other btn_scena's.

There alredy was only one button with its own layer.

However you did give me an idea.

For whatever reason, it works if the button has a different instance name in frame 0 and 4.

Thanks for the help!

kglad · Answer

i'm not sure why it works, at all: the first time frame 4 plays, you have two same named functions and you have two listeners. ie, the frame 0 function still exists so there should be an error about duplicate functions but animate doesn't detect the error so that's an animate/javascript failing.

the other problem (duplicate listeners) is causing the problem with what you probably see which is the responsiveness after clicking gradually slowing with each click because you're executing the frame 0 function 10 times and the frame 4 function 10 times after the tenth time frame 4 plays.

anyway, to fix the problem use:

this.stop();

this.frame0_executed;

if(!this.frame0_executed){

this.frame0_executed=true;

this.btn_scena.addEventListener("click", fl_ClickToGoToAndStopAtFrame_0.bind(this));

}

function fl_ClickToGoToAndStopAtFrame_0()
{
this.gotoAndStop(4);
}

and on frame 4:

this.frame4_executed;

if(!this.frame4_executed){

this.frame4_executed=true;

}

this.btn_scena.addEventListener("click", fl_ClickToGoToAndStopAtFrame_4.bind(this));

function fl_ClickToGoToAndStopAtFrame_4()
{
this.gotoAndStop(0);
}

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded