7 Replies Latest reply on Oct 23, 2012 9:33 AM by resdesign

    My mouse out event interferes with my "clicked" animation...

    BAYDOG777

      I created a page that contains several buttons. Whenever you mouse over any given button the graphic on the page updates to new information. Everything works fine at the level. Then, I created a click event on one of the

      buttons, that makes an animation play on top of the information.

       

      Everything works fine except whenever you click on a button, the animation will play...BUT as soon as the cursor "mouses out" (intentionally or not) the whole animation goes away and the page goes

      to default ( as if you've moused out without ever have clicked the button )

       

      I'm a complete newbie and know very little about Javascript and zero about jquery. I thought I could do a "workaround" and do it very simply but none of my "simple" solutions work.

       

      I don't want to re-think or re-design the page but I may have to.

       

      thanks

        • 1. Re: My mouse out event interferes with my "clicked" animation...
          resdesign Adobe Community Professional & MVP

          Did you put any code in the mouseout event?

          • 2. Re: My mouse out event interferes with my "clicked" animation...
            resdesign Adobe Community Professional & MVP

            Could you post an image of your timeline and your code?

            • 3. Re: My mouse out event interferes with my "clicked" animation...
              BAYDOG777 Level 1

              I entered a command to play at a position on the timeline. The spot on the timeline basically plays the "mouse over" event in reverse.

              • 4. Re: My mouse out event interferes with my "clicked" animation...
                BAYDOG777 Level 1

                What if I pasted into this email? (see below)

                 

                 

                /***********************

                • Adobe Edge Animate Composition Actions

                *

                • Edit this file with caution, being careful to preserve

                • function signatures and comments starting with 'Edge' to maintain the

                • ability to interact with these actions from within Adobe Edge Animate

                *

                ***********************/

                (function($, Edge, compId){

                var Composition = Edge.Composition, Symbol = Edge.Symbol; // aliases for commonly used Edge classes

                 

                   //Edge symbol: 'stage'

                   (function(symbolName) {

                 

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 1845, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 1110, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {          // play the timeline from the given position (ms or label)          sym.play("trans1");       });          //Edge binding end       Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {

                         // play the timeline from the given position (ms or label)

                         sym.play("trans3");

                 

                 

                      });

                         //Edge binding end

                 

                 

                 

                 

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 3435, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 2705, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {          // play the timeline from the given position (ms or label)          sym.play("child1");       });          //Edge binding end       Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {

                         // play the timeline from the given position (ms or label)

                         sym.play("child3");

                 

                 

                      });

                         //Edge binding end

                 

                 

                 

                 

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 953, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 4190, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 4930, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {          // play the timeline from the given position (ms or label)          sym.play("rec1");       });          //Edge binding end       Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {

                         // play the timeline from the given position (ms or label)

                         sym.play("rec3");

                 

                 

                      });

                         //Edge binding end

                 

                 

                 

                 

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 6200, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 5475, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {          // play the timeline from the given position (ms or label)          sym.play("eco1");       });          //Edge binding end       Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {

                         // play the timeline from the given position (ms or label)

                         sym.play("eco3");

                 

                 

                      });

                         //Edge binding end

                 

                 

                 

                 

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 7438, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 6759, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                            Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {          // play the timeline from the given position (ms or label)          sym.play("progman1");       });          //Edge binding end       Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {

                         // play the timeline from the given position (ms or label)

                         sym.play("progman3");

                 

                 

                      });

                         //Edge binding end

                 

                 

                 

                 

                 

                 

                 

                Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 14877, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                 

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 8390, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 10076, function(sym, e) {

                         // stop the timeline at the given position (ms or label)

                         sym.stop(1000);

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindElementAction(compId, symbolName, "$", "mouseover", function(sym, e) {          // play the timeline from the given position (ms or label)          sym.play("ed_work1");       });       //Edge binding end       Symbol.bindElementAction(compId, symbolName, "$", "mouseout", function(sym, e) {

                         // play the timeline from the given position (ms or label)

                         sym.play("ed_work3");

                 

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 8975, function(sym, e) {

                         sym.stop();

                 

                      });

                      //Edge binding end

                 

                      Symbol.bindElementAction(compId, symbolName, "$", "click", function(sym, e) {

                         sym.play("reveal");

                 

                 

                 

                      });

                      //Edge binding end

                 

                   })("stage");

                   //Edge symbol end:'stage'

                 

                   //=========================================================

                 

                   //Edge symbol: 'EarlyChildhood_yarn'

                   (function(symbolName) {

                 

                   })("EarlyChildhood_yarn");

                   //Edge symbol end:'EarlyChildhood_yarn'

                 

                   //=========================================================

                 

                   //Edge symbol: 'Transportation'

                   (function(symbolName) {

                 

                   })("Transportation");

                   //Edge symbol end:'Transportation'

                 

                   //=========================================================

                 

                   //Edge symbol: 'recandleisure'

                   (function(symbolName) {

                 

                   })("recandleisure");

                   //Edge symbol end:'recandleisure'

                 

                   //=========================================================

                 

                   //Edge symbol: 'ecodev'

                   (function(symbolName) {

                 

                   })("ecodev");

                   //Edge symbol end:'ecodev'

                 

                   //=========================================================

                 

                   //Edge symbol: 'prog_mang'

                   (function(symbolName) {

                 

                   })("prog_mang");

                   //Edge symbol end:'prog_mang'

                 

                   //=========================================================

                 

                   //Edge symbol: 'KEY'

                   (function(symbolName) {

                 

                   })("KEY");

                   //Edge symbol end:'KEY'

                 

                   //=========================================================

                 

                   //Edge symbol: 'earlychildspinner'

                   (function(symbolName) {

                 

                   })("earlychildspinner");

                   //Edge symbol end:'earlychildspinner'

                 

                })(jQuery, AdobeEdge, "EDGE-4775192");

                • 5. Re: My mouse out event interferes with my "clicked" animation...
                  resdesign Adobe Community Professional & MVP

                  Hard to know not seeing your timeline but it seems to me that if you have only play("label"); on the click event, the animation should not disappear on a mouseout.

                  • 6. Re: My mouse out event interferes with my "clicked" animation...
                    BAYDOG777 Level 1

                    See if these screen grabs help…

                    • 7. Re: My mouse out event interferes with my "clicked" animation...
                      resdesign Adobe Community Professional & MVP

                      Your animations are playing on mouseout events.

                      You mouseover events are commented out.

                      You need to place your code in the click event instead if I understand what you are trying to do.