Adobe Community: Message List - prevent subsequent clicks of button in Edge Animate (was: Disable click)

Re: prevent subsequent clicks of button in Edge Animate (was: Disable click)

forums_noreply@adobe.com — Wed, 24 Sep 2014 09:32:04 GMT

Exactly wat i'm looking for, thx again Bharadwaj!

i will also give the class approach a try.

Now if only i could rename this thread to "How to toggle click event on/off"

Thx to all for the help!

Re: prevent subsequent clicks of button in Edge Animate (was: Disable click)

forums_noreply@adobe.com — Wed, 24 Sep 2014 09:17:10 GMT

If you do not want perform the operation based on visibility, add a class to the rectangle when clicked and remove it when clicked on "X"

This class can be used to perform the operation

Click handler for Rectangle2 will be

if(!sym.$( "Rectangle2" ).hasClass( "clicked" ))

{

sym.play("play");

sym.$("Text").show();

sym.$("mail_icon").show();

sym.$("Rectangle2").css("cursor","default");

sym.$( "Rectangle2" ).addClass( "clicked" )

}

Click handler for Text will be

sym.playReverse("mailout");

sym.$("Text").hide();

sym.$("mail_icon").hide();

sym.$("Rectangle2").css("cursor","pointer");

sym.$( "Rectangle2" ).removeClass( "clicked" );

Both the techniques work.

Re: prevent subsequent clicks of button in Edge Animate (was: Disable click)

forums_noreply@adobe.com — Wed, 24 Sep 2014 09:09:26 GMT

Hi Ian,

If you want to bring back the event handler when clicked on "X". Then this is not possible if you remove the event handler using off.

Instead of using off to remove event listener. Check whether "X" is visible and perform the operation

if(sym.$("Text").css("display") == "none")

{

sym.play("play");

sym.$("Text").show();

sym.$("mail_icon").show();

sym.$("Rectangle2").css("cursor","default");

}

Similarly click handler for "X" will be as follows

sym.playReverse("mailout");

sym.$("Text").hide();

sym.$("mail_icon").hide();

sym.$("Rectangle2").css("cursor","pointer");

Re: prevent subsequent clicks of button in Edge Animate (was: Disable click)

forums_noreply@adobe.com — Wed, 24 Sep 2014 02:44:12 GMT

Just a bit more info, in case it comes in handy:

I'm intending to ultimately create a collage of tiled mugshots of people. So i may be gravely mistaken, but i'm hoping that once i get this one "Rectangle" sorted out, i can apply it in array, using the same rules, to many more tiles.

Re: prevent subsequent clicks of button in Edge Animate (was: Disable click)

forums_noreply@adobe.com — Wed, 24 Sep 2014 02:34:08 GMT

Thx Joel! The code works great.

But, as per my reply to Bharadwaj above, i now need another code to enable "Rectangle2" once more. This would probably go in X's click event, i think?

Sorry if my previous explanation was vague

Re: prevent subsequent clicks of button in Edge Animate (was: Disable click)

forums_noreply@adobe.com — Wed, 24 Sep 2014 02:31:23 GMT

Spot on Bharadwaj!

Perhaps a better explanation would be:

When "X" is hidden, "Rectangle2" can be clicked

When "X" is shown, "Rectangle2" cannot be clicked

prevent subsequent clicks of button in Edge Animate (was: Disable click)

forums_noreply@adobe.com — Tue, 23 Sep 2014 08:49:08 GMT

Hi all!

I have a box that animates when clicked and a separate button that resets this animation.

I'm trying to prevent subsequent clicks so that the animation doesn't play again after the first click.

i tried

sym.play();

sym.stop("end");

which worked, but it also skipped the animation and went straight to "end" (haha).

thx for any help!

Re: Disable click

forums_noreply@adobe.com — Tue, 23 Sep 2014 16:53:04 GMT

If you want one and only one click, you can add this line to Rectangle2.click: sym.$(e.target).off().css("cursor","default");

The Rectangle2.click after being modified:

sym.play("play");

sym.$("Text").show();

sym.$("mail_icon").show();

sym.$(e.target).off().css("cursor","default");

Re: Disable click

forums_noreply@adobe.com — Tue, 23 Sep 2014 10:06:35 GMT

In the attached file clicking on the rectangle plays the animation.

You can reset the animation by clicking "X" at the corner.

Is this the behaviour you want. Clicking on rectangle plays the animation only if the reset button is not visible?

Re: Disable click

forums_noreply@adobe.com — Tue, 23 Sep 2014 09:36:41 GMT

Hi again Bharadwaj!

Sorry i'm not sure what you mean. But here's the sample if u'd like to take a closer look.

Re: Disable click

forums_noreply@adobe.com — Tue, 23 Sep 2014 09:12:55 GMT

Instead of using

sym.play();

sym.stop("end");

for the click handler.

Check the position of the symbol and call play on it, if it is at the beginning.