Adobe Community: Message List - How to remove a loaded image on the stage from a symbol containing a button?

Re: How to remove a loaded image on the stage from a symbol containing a button?

forums_noreply@adobe.com — Mon, 14 Jan 2013 20:26:17 GMT

I got it. It should be:

$("#region1").remove();

// # was missing.

I actually added that to time 0 on the main timeline so when I got back there it removes the image.

It's not working from the symbol yet but I guess I should eventually get it working from there instead.

Thanks for your time.

Re: How to remove a loaded image on the stage from a symbol containing a button?

forums_noreply@adobe.com — Mon, 14 Jan 2013 20:15:16 GMT

Hi Joe,

Here is a simplified version. Can you look at the file?

https://www.box.com/s/zjsyiqfn8mahig80jmad

Re: How to remove a loaded image on the stage from a symbol containing a button?

forums_noreply@adobe.com — Mon, 14 Jan 2013 20:01:33 GMT

No, I tried that too. It seemed the most logical since the id is region1 but it does not remove the image.

Re: How to remove a loaded image on the stage from a symbol containing a button?

forums_noreply@adobe.com — Mon, 14 Jan 2013 17:44:51 GMT

Hi resdesign,

Just taking a shot in the dark here...instead of:

sym.getComposition().getStage().getElementById("region1").remove();

Will this work?

sym.getComposition().getStage().$("region1").remove();

hth,

Joe

How to remove a loaded image on the stage from a symbol containing a button?

forums_noreply@adobe.com — Mon, 14 Jan 2013 15:40:32 GMT

1st the setup:

General map is loaded

2. On a click event, an larger image of the region is loaded with the following code (thanks to Joel's demo). On mouseover the name of the county appears and on click a popup (symbol) shows some info.

$('<img id="region1" width="310" height="475" src="images/region1.png" usemap="#region1">'+'<map name="region1">'+...

'<area id="Dallam" shape="rect" title="Dallam" coords="29,17,97,58"/>'+.....

3. In the popup symbol, I want the large image map to be remove on the click event of the button: "View another region" . I have the following code which does not work (the image is not removed) resulting in what you see below:

sym.playReverse();

sym.getComposition().getStage().stop(0);

sym.getComposition().getStage().getElementById("region1").remove();

So my question is how do I remove the image (large image of the region in purple here loaded as described on 2.)?