I have this strange problem that started to happen recently, and have no idea how to fix it.
In Adobe Animate I created an animated HTML5 banner in HTML5 canvas, with button in it that leads me to an URL when I click that button.
But the problem is when I click that button it opens multiple new tabs instead only one. (Like this in the picture)
The way I created a button is on a new layer i created new rectangle with dimensions of whole canvas,
converted it to a new symbol (button), double click it to enter that symbol, and created a keyframe only on HIT state.
Then returned to "Scene 1", clicked on a button, put an instance name on that button and in code snippet wrote this code:
this.btn_name.addEventListener("click", fl_ClickToGoToWebPage);
function fl_ClickToGoToWebPage() {
window.open("http://www.adobe.com", "_blank");}
(ofc instead of adobe.com I put my own URL)
This method worked for me until now. But all of a sudden this problem started to appear.
I tried in 2 different versions of Adobe Animate (2018 & 2019) but the issue is still here.
And the interesting thing is that problem occurs only when I select "Loop timeline" in "Publish Settings..."
Without "Loop timeline" checked it works just fine.
I'm really stuck in limbo with this 
1 Correct answer
To make sure, try writing your code in one of the following ways:
function fl_ClickToGoToWebPage()
{
window.open("http://www.adobe.com", "_blank");
}
if (!this.started)
{
this.btn_name.addEventListener("click", fl_ClickToGoToWebPage);
this.started = true;
}
OR
function fl_ClickToGoToWebPage()
{
window.open("http://www.adobe.com", "_blank");
}
if (!this.btn_name.hasEventListener("click"))
this.btn_name.addEventListener("click", fl_ClickToGoToWebPage);
Please let us know if the issue goes away.
...
25
Replies
kdmemory:
I tried with https:// also but still the same issue
Yes it says continue blocking pop up windows (it's Croatian 
), but that shouldn't be happening.
It should open only one new tab, because if I allow Chrome, or Mozzila to open those pop up windows it will open multiple tabs.
But like I said it's very strange because I used to create animated HTML5 banners before with looping timeline and never experienced this issue. It started out from nothing.
Joao Cesar:
Yes it has more than one frame. This is screenshot from my layers:
But I really think that everything if ok with this setup, because before I was creating animations of 40+ sec and multiple layers and frames with looping timeline and everything was fine
I copy/pasted this first code you wrote in post above and it looks like it worked!! 
No more multiple tabs opening, so thank you very much, u saved me from this nightmare
But now I would like to know why I needed all of a sudden to change my code in order of this to work.
Because until now I was using predefined code in Adobe Animate which is available through
Code Snippets>HTML5 Canvas>Actions>Click to Go to Web Page, and then that code I wrote above in the first post appeared.
Is there a way to use this method that by default was meant to be working, or from now on I would need to use this code you wrote above?
I mean it's no problem at all to copy/paste your code from now on, on my future work where I would need to use button,
but I'm really confused why this stoped working all of a sudden 😕
btw thank you one more time ^^
This is awesome!
Well... I can't tell you with precision if the version of Animate CC has something to do with it.
What I can tell you is that objects instances are not really destructed when the current frame of the timeline changes like it is with AS3 documents.
So you'll always have to do that kind of checking because everytime the timeline playhead visits a frame more than once an object intance will receive more than one listener of the same type and with the same event handler function.
You can continue using the code snippets. Just remember to check if there is some event listener being added and if there's a chance of that frame being visited again.
I don't know if this is the answer you're looking for.
Please let us know.
Regards,
JC
Hi
Just starting out learning Animate during lockdown!
Having the same issue with multiple tabs opening. I've got a banner ad on loop and I've tried your code but it doesn't seem to work.
Attached a screen shot of my timeline.
Hi JC
Yes i was origanlly using the code suggested within the app but have tried both your suggestions and the button now doesn't open a tab at all. Before it seem to open a tab for every cylce of the loop, so if I left it open for a while it opend tonnes.
Below your first suggestion pasted in...
Hey all,
Im having the same issue. I see Master Joao managed to fix this but I dont get the idea how.
In my case everything is fine on the first run of the animation, but after is repeated every click opens the warning and goes to the link successfuly.
Here is my code:
this.button_link.addEventListener("click", fl_ClickToGoToWebPage);
function fl_ClickToGoToWebPage() {
window.open("https://www.regionalensaemzavrabotuvanje.com", "_blank");
}
if (!this.started) {
this.button_link.addEventListener("click", fl_ClickToGoToWebPage);
this.started = true;
}
and here is how it looks. The script is at the start of the loop.
Thans,
AdChoices