• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Adobe animate html5 canvas navigation problem

New Here ,
Nov 19, 2018 Nov 19, 2018

Copy link to clipboard

Copied

hi every body;

I m working on adobe animate html5 canvas project. My code is working well at its frame. But when I navigate to another frame then come back to the origion one that has my code the buttons do not respose at all. Any help please.Capture.JPG

My code is the following:

this.stop();

alert("phase1................");

var that1 = this;

this.rightSign1.visible = false;

this.showTexts1.visible = false;

this.newSenarioBtn1.mouseEnabled = false;

this.showBtn1.mouseEnabled = false;

this.showBtn1.alpha = 0.5;

this.newSenarioBtn1.alpha = 0.5;

list_1_val = "";

list_2_val = "";

list_3_val = "";

list_4_val = "";

var blinks = ['blink1', 'blink2', 'blink3', 'blink4'];

for (var z in blinks) {

this[blinks].visible = false;

}

this.checkBtn1.addEventListener("mousedown", fl_checkBtn1.bind(this));

function fl_checkBtn1(evt) {

alert("checkBtn1.. is pressed");

list_1_val = String($("#list_1").val());

list_2_val = String($("#list_2").val());

list_3_val = String($("#list_3").val());

list_4_val = String($("#list_4").val());

//this.gotoAndStop(list_1_val);

//alert(list_1_val + "__" + list_2_val + "__" + list_3_val + "__" + list_4_val);

for (var z in blinks) {

this[blinks].visible = false;

}

if (list_1_val == "Adult" && list_2_val == "Antibiotics + SC and RP" && list_3_val == "SC & RP" && list_4_val == "Healing") {

this.rightSign1.visible = true;

$("#PICO_Question").css("visibility", "visible");

this.showBtn1.alpha = 1;

this.showBtn1.mouseEnabled = true;

this.newSenarioBtn1.mouseEnabled = true;

this.newSenarioBtn1.alpha = 1;

this.checkBtn1.mouseEnabled = false;

} else {

if (list_1_val != "Adult") {

this.blink1.visible = true;

init1();

}

if (list_2_val != "Antibiotics + SC and RP") {

this.blink2.visible = true;

init1();

}

if (list_3_val != "SC & RP") {

this.blink3.visible = true;

init1();

}

if (list_4_val != "Healing") {

this.blink4.visible = true;

init1();

}

}

}

$("#dom_overlay_container").on("mousedown", "#checkBtn1", fl_checkBtn1.bind(this));

function init1() {

that1.rightSign1.visible = false;

that1.showBtn1.alpha = 0.5;

that1.newSenarioBtn1.alpha = 0.5;

that1.showBtn1.mouseEnabled = false;

that1.newSenarioBtn1.mouseEnabled = false;

}

this.showBtn1.addEventListener("mousedown", fl_showBtn1.bind(this));

function fl_showBtn1(evt) {

this.showTexts1.visible = true;

this.showTexts1.gotoAndStop(0);

document.getElementById("PICO_Question").disabled = true;

this.showBtn1.mouseEnabled = false;

this.newSenarioBtn1.alpha = 1;

this.newSenarioBtn1.mouseEnabled = true;

}

$("#dom_overlay_container").on("mousedown", "#ShowBtn1", fl_showBtn1.bind(this));

this.newSenarioBtn1.addEventListener("mousedown", newSenarioBtn1.bind(this));

function newSenarioBtn1(evt) {

this.gotoAndStop(405);

}

$("#dom_overlay_container").on("mousedown", "#newSenarioBtn1", newSenarioBtn1.bind(this));

Message was edited by: ahmad khattab

Views

319

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 19, 2018 Nov 19, 2018

Hi.

This usually happens because the same listener is added to the same obejct multiple times when the same frame is visited more than once.

An easy solution is to create a boolean flag to make sure that all the needed code runs only when the app starts. Like this:

if (!this.hasStarted)

{

    yourButton.addEventListener("click", yourClickHandler);

    // AND THE REST OF THE CODE THAT YOU NEED TO RUN ONLY ONCE

    this.hasStarted = true;

}

Regards,

JC

Votes

Translate

Translate
Community Expert ,
Nov 19, 2018 Nov 19, 2018

Copy link to clipboard

Copied

Hi.

This usually happens because the same listener is added to the same obejct multiple times when the same frame is visited more than once.

An easy solution is to create a boolean flag to make sure that all the needed code runs only when the app starts. Like this:

if (!this.hasStarted)

{

    yourButton.addEventListener("click", yourClickHandler);

    // AND THE REST OF THE CODE THAT YOU NEED TO RUN ONLY ONCE

    this.hasStarted = true;

}

Regards,

JC

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 17, 2022 Jun 17, 2022

Copy link to clipboard

Copied

Hi

I'm trying to impliment your above solution. I'm having trouble interpreting the code refererences. Can you help me? this is the button code I'm working with..

 

var _this = this;
/*
Clicking on the specified symbol instance executes a function.
*/
_this.home.on('click', function(){
/*
Moves the playhead to the specified frame label in the timeline and continues playback from that frame.
Can be used on the main timeline or on movie clip timelines.
*/
_this.gotoAndPlay('Home');
});

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 19, 2022 Jun 19, 2022

Copy link to clipboard

Copied

LATEST

Looks like I figured this out, thanks.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines