4 Replies Latest reply on Jan 14, 2013 12:29 PM by resdesign

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

    resdesign Adobe Community Professional & MVP

      1st the setup:

      1. General map is loaded

      Texas1.png

      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"/>'+.....

      texas2.pngtexas3.png

      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();

       

      texas4.png

       

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