Control stage animation from buttons nested in a symbol

I have a symbol that is animated png SEQ of a rotating "cube". Added to the symbol I created "buttons" that are clear rectangles that define a "clicking area" . Each one corresponds to a side of the "cube". As the cube turns i turn these "buttons" on/off and track the corresponding cube face while it is facing the user. The symbol name is "CubeSpin" the button names in the symbol are Button1, Button2, etc to Button6.
What I want to be able to do is create click actions for these buttons from the main stage compositionReady which would - (1) stop() the play of "CubeSpin" symbol and (2) goto and play(label) on the main stage timeline. The animation at the head of play(label) on the main stage, among other things, slides symbol "CubeSpin" off the stage and out of view, then turns it off (display off). At the end of this animation, "CubeSpin" slides back on stage and I want to add a trigger code to start play() again for the "CubeSpin" symbol.
Thanks for any help here.
Joel H

Hi there!
Edge is a very flexible tool that allows you do very simple things (animate objects on the timeline), and very complex things (custom javascript coding in the code panel, using external code libraries, etc).
For specific Edge Animate questions, a good place to start is this forum- use the search function to find answers to your questions, or start a new thread if you can't find your answer here.
Also, be sure to read through the Edge API doc:
http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html
If you are looking to dive deeper into javascript, here are a few good JS tutorials:
http://elegantcode.com/2010/10/22/basic-javascript-part-1-functions/
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Getting_Started
http://eloquentjavascript.net/chapter1.html
If you have a javascript-specific question, http://stackoverflow.com/ is also a great resource.

Similar Messages

Control stage frame from button function

when i press the button
it does the trace but ignore the gotoAndPlay
did i miss anything?
package
import flash.display.MovieClip;
import flash.events.MouseEvent;
public class Main extends MovieClip
public function Main()
playgame_btn.addEventListener(MouseEvent.CLICK, playgame);
readme_btn.addEventListener(MouseEvent.CLICK, pressread);
function playgame(event:MouseEvent):void
trace("PLAY has been clicked.");
gotoAndStop(140);
function pressread(event:MouseEvent):void
trace("SHOW has been clicked.");
gotoAndStop(140);

Since there is no gotoAndPlay() command in the code, I will assume you mean the gotoAndStop() commands. The code appears fine. You should place a trace in frame 140 to check to see if it gets there but you do not see it.

How to control main timeline from buttons in a movieclip - job in jeopardy!

I am trying to do a simple thing in theory. In my main timeline I have a series of images with frame labels for each. In a movieclip (with its own labels & script) below the images, I have two panels of butttons that flop back and forth (to save space). The idea is to simply have the main timeline play the frame specified by the corresponding button in the movieclip. I tried the parent.child thing but either im doing it wrong or that isnt the solution. If anyone can help me I will be saved from certain death. If you think any other part of my project may be to blame, Ill be happy to provide anything that can help. Thanks in advance.
Here is my script:
ActionScript Code:
function on1click(evt:MouseEvent):void {
gotoAndPlay("pic1");
thumbPanel.pic1_btn.addEventListener(MouseEvent.CLICK, on1click);
this is the error:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at gallery_fla::MainTimeline/frame1()

The 1009 error indicates that one of the objects being targeted by your code is out of scope. This could mean that the object....
- is not in the display list
- doesn't have an instance name (or the instance name is mispelled)
- does not exist in the frame where that code is trying to talk to it
- is animated into place but is not assigned instance names in every keyframe for it
- is one of two or more consecutive keyframes of the same objects with no name assigned in the preceding frame(s).
If you go into your Publish Settings Flash section and select the option to Permit debugging, your error message should have a line number following the frame number which will help you isolate which object is involved.

How to do you control lower levels from the Stage?

How to you control lower levels from the Stage?
I have a button on the main stage and I have a symbol that has another symbol inside that I want to control that timeline or label.
I have had success with going one level deep but not two or three deep.
sym.getSymbol("symbol01").stop("label01");
Any help would be great!
Thanks.

Can you explain the hierachy of your symbols? By this I mean, name of your symbol and any symbol inside and any symbol inside nested symbol and what event you are triggering from where?

Next button in symbol, start animation from the timeline and after 3 sec playReverse

Hello,
I have a next button in a symbol. When I click on the button I would like to start the animation from the timeline.
It wil starts at one second. But if the timeline is after 3 seconds I would like to play the animation backwards (if you click on the same button).
I tried it with the code below but it starts always at 1 second.
var pos = sym.getPosition() //
if (pos <= '1000'){
sym.getComposition().getStage().play(1001);
else if (pos <= '3000'){
sym.getComposition().getStage().playReverse(2999);
Can anybody help me with the code?
Thanks!

Hello,
Thanks for the demo file, I checked it, tried it in my project and it works.
But I think I have to explain better.
I have a button in the symbol. When I am between 0 and 1 second on the stage timeline
and I click on the button. The stage timeline (slider) will start from 1 second till 2.
But when I'm in the timeline after 3 seconds (doesn't matter if its at 10 sec) and I click on the button,
I would like to play the stage timeline from 3 seconds till 2.
Is this possible and how do I do that?
Thanks

Issues animating symbol from another nested symbol instance

Got quite the weird issue here regarding animating a symbol when mousing over and/or out of a symbol nested inside a symbol. You can see the example here. Rollover the word VISION. What happens is another symbol animates downward using JQuery's animate feature. Mousing out brings it back up.
What's actually happening? The symbol at times animates up and down uncontrolably. It eventually stops, but not necessarily in the correct spot. Is it because of all the nesting? I'm trying to keep this as clean as possible which is why I'm nesting symbols. Much like I would a Flash comp way back when.
Here's the mouseover code for btnVision:
var myBtnVision = sym.getSymbol("btnVision");
myBtnVision.play();
try {
    var stage = sym.getComposition().getStage()
    stage.$("secVision").animate({top: 100}, { duration: 1000 });
} catch (error) {
    if (console && console.error) console.error("An error occured: "+error.toString(), error);
and here's the mouseout:
var myBtnVision = sym.getSymbol("btnVision");
myBtnVision.playReverse(500, false);
try {
    var stage = sym.getComposition().getStage()
    stage.$("secVision").animate({top: 70}, { duration: 1000 });
} catch (error) {
    if (console && console.error) console.error("An error occured: "+error.toString(), error);
I have a dropbox file with the examples at the following:
https://www.dropbox.com/s/ccgapo20p233h7z/rollover.zip

Solved! It was just a little extra JQuery code that did the trick. Basically inserting a stop action.
try {
    var stage = sym.getComposition().getStage()
    stage.$("secVision").stop().animate({top: 100}, { duration: 1000 });
} catch (error) {
    if (console && console.error) console.error("An error occured: "+error.toString(), error);

Facebook like & twitter tweet buttons disable my animation from starting

Hi,
I have just added social media buttons (G+, tweet, like) to my web page and they seam to interfereing with my animation. I am using the HTML method for facebook like, however if I use IFRAME method everything works fine in Firefox and Chrome BUT NOT Safari. Also I don't wish to use the IFRAME as when the user clicks like the post popup does not display.
Predominently Safari seams to be most problematic. I have tried moving the JS to the end of the file etc but nothing works. Also my html for the buttons is after the edge animation html.
Is there a way to get these buttons to work whilst not interfering with my animation from loading and playing.
Here is my page http://goo.gl/d948f
P.S If you reload the page a couple of times it fixes itself.

First, I would eject whatever it is that you downloaded. Go to Finder and eject it that way or depending how you have your system set up, do the two finger tap and Eject it. Download the link above. Once it downloads, double click it to install it. It should work. If it doesn't you need to use your Disk Utility to check for errors. Click your Finder again and then Applications. Scroll down to Utilities and then Disk Utility. Click on your hard drive and you will get a menu of items on the right side. Towards the bottom, you will see a button to Verify Disk Permissions. Click that and let it run. It may take a few minutes to finish. Once it's finished there may be a list of things wrong with your system. Click the Repair Permissions and let the computer do it's thing. Use Disk Utility at least once a month to make sure everything is in order on your system. If this doesn't fix it, I don't have any other suggestions. I'd hate to say do a fresh install but that might be the next step if this doesn't work.
Something else to consider is that is if you use Time Machine and the system did work at one point, you could go back to the last known good point and reinstall that back-up. You would lose anything you have saved since that point (obviously). If you take steps to back up your information, that should not be an issue. (For me), Time Machine works as advertised. If you are not backing system up regularly, shame on you. You need to start ASAP backing up. It's an easy process and it's times like you are having now, that make the small preventive maintenance, worth extra time and effort.
Good luck.

Control Animation from Flash

Hello,
Does anyone know how I can control multiple animations (imported flash swf files) in a slide.
These swf files are mostly 2 or more frames long with a stop on the first frame.
I need to be able to click on them in Captivate 4 and advance to the next frame in the swf.
Reading actionscript on these frames would be a plus.
Any help would be appreciated.
Thanks

Yes you can add pretty much what you want in the swf's you import into Captivate. That is really the beauty of it because it allows you to use some pretty advanced stuff directly in your Captivate productions.
You can also implement communication between your swf and Captivate to allow advanced integration betweeen the two. You can see a list of the different variables here: http://www.captivate4.com/2009/04/28/system-variables-in-captivate-4-%e2%80%93-a-complete- list/
/Michael
Click here to visit the www.captivate4.com blog

Please help, 3D animation play button Java Script

The U3D file embedded into the PDF contains 3 procedure animations
I would like to add a play button for each procedure.
But I do not see the Animation Objects in the model tree of the pdf and I do not know how to connect to these animations
with JavaScript.
I have tried with no luck:
var _anim = scene.animations.getByIndex(0);
scene.activateAnimation(_anim);
_anim.currentTime = 0;
runtime.play();
Please show me how this is done with Java Script on a button.
Thank you

If you're controlling the 3D animation from a button on the PDF page you need to talk to the correct API.
The easiest way to do it is to embed a function into the 3D annotation (using a .js text file) then call that function from your button.
e.g. in the 3D script, use this:
function playAnimation(i) {
var _anim = scene.animations.getByIndex(i);
scene.activateAnimation(_anim);
_anim.currentTime = 0;
runtime.play();
Then on your button, use this:
getAnnots3D(pageNum)[0].context3D.playAnimation(0);
then the same for (1) and (2) on your other buttons.

Animate 1.5 Can you trigger animation from elsewhere on the html page (ie outside Adobe Div)?

I would like to use a button and jquery to trigger the animation from elsewhere on my web page (outside the Adobe Div) on Adobe Animate 1.5.
Is this possible?
(I looked here but my javacript is only beginner level. http://www.adobe.com/devnet-docs/edgeanimate/api/old/1.5.0/EdgeAPI.1.5.0.html)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Africa</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.0.min.js"></script>
    <style>
        .edgeLoad-EDGE-Africa { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('Africa', 'EDGE-Africa', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "100%",
    height: "3000px"
}, {dom: [ ]}, {dom: [ ]});
</script>


    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.0.min.js"></script>
    <style>
        .edgeLoad-EDGE-America { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('America', 'EDGE-America', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "100%",
    height: "2108px"
}, {dom: [ ]}, {dom: [ ]});
</script>

</head>
<body style="margin:0;padding:0;">
<div id="Stage-Africa" class="EDGE-Africa">
</div>
    <div id="Stage-America" class="EDGE-America">
</div>
</body>
</html>

How can i control gif animations?

I have a project in which i need some animations. The animations all have been created in After Effects. Now I can use the png sequences, but these are very big and i need a lot animations running on the same time. So i would rather use the gif animations. So my question: I can control when to play the gif animation but i can't play it more than one time. Is there a solution?
Thanks for answering!
Jannis

Hi there,
I see...you're controlling when it displays. Technically, that's not the same as controlling the animated GIF; you're just controlling when you see it. EA recognizes GIF only as an image format, and can't make the browser play from the beginning other than the first time it's displayed or when it loops back (if your animated GIF loops).
However, you could do something similar with an extra image file or two, jQuery, and css background-image to "load" the GIF file into a transparent image. Here's a link to an example that always runs the animated GIF from the beginning:
https://creative.adobe.com/share/52f15194-875b-4604-8857-9b9bf5f78e04
A single line of code that does the work is in the playBtn click handler.
hth,
Joe

Web content/HTML5 animations cancelling buttons out-

Has anyone experienced button failure when place under or over HTML5 animations? It's weird as I have a sweet little Wallaby created pulsing animation which has a button underneath it which actions just fine but have just brought in an animation from HYPE and placed a button under and over to test and both do not function?

Neil, can you even say how long it takes? ... We are currently working on a magazine app for an international car manufacturers and hope that we can publish it without loading time.
Thanks for your support!
Mike

Fullscreen Video Playback, from Button? Video Question

I have used the external URL to link directly to a video and it opened in an HTML window, not just fullscreen.
I would like to emulate what is seen in this example.
LINK:
http://youtu.be/-YMyQZki0bY?hd=1&t=1m2s

So after some experimenting, I was able to get what you suggested to work. Interesting method.
Is there a way to edit the media container to load from external URL while the interaction looks the same to the user?
I tried to:
1) Place media on stage (MP4)
2) With the MP4 placed and selected, use the MEDIA panel to change the poster to NONE.
3) Still in the MEDIA panel with MP4 selected, click "Place a Video from a URL" and type in URL of external MP4.
I figured this would just swap the source, but no. It didn't work correctly.
So, now I have two choices to show video that I can make work.
EXTERNAL VIDEO:
Open URL from button, straight to MP4. Opens in HTML window, so the look isn't the cleanest.
INTERNAL VIDEO:
Place video on page.
Select video and then MEDIA panel.
Choose NONE for poster image.
You can put an image behind this "container" or place it atop something that looks like a button and clicking it will trigger the video.
Correct?

Delete a Row from a Nested Data Table

Hi... Good day...
I have a dataTable nested within another DataTable.
I want to delete a Row from the nested DataTable on clicking a remove Button at the Last column of the Nested DataTable, Jus in the browser.
How to accomplish this using JavaScript?
Here is my Code Snippet..
<h:dataTable value="#{myListBean.rpts}" binding="#{myListBean.parent}" var="item" headerClass ="header" rowClasses = "whiteRow,grayRow" cellspacing="0" cellpadding="4" border = "0" id = "dataTable">
<h:column>
     <h:graphicImage id="expand" value="static/images/plus.gif" onclick="showNested(this);" rendered="#{item.schedImgurl=='static/images/scheduled.gif'}"/>
      <div id="#{item.rptId}">
      <h:dataTable id="orderLines" binding="#{myListBean.child}" value="#{item.scheduleList}" var="schedItem" style="display: none;">
      <h:column>
       <h:outputText value="#{schedItem.scheduleID}" style="display:none;" />
         <f:facet name="header" >
               <h:outputText value="Scheduled Criteria"/>
          </f:facet>
         <h:outputText value="#{schedItem.scheduleCriteriaName}" />
         <span onMouseOver="JavaScript:showScheduleTooltip(event,'#{schedItem.toolTipCriteraia}')" onMouseOut="JavaScript:hideTooltip()">...</span>
      </h:column>
      <h:column>
       <f:facet name="header" >
      <h:outputText value="Frequency"/>
      </f:facet>
       <h:outputText value="#{schedItem.scheduleFrequency}" />
      </h:column>
      <h:column>
       <f:facet name="header" >
       <h:outputText value="On"/>
       </f:facet>
       <h:outputText value="#{schedItem.scheduleStartDate}" />
      </h:column>
      <h:column>
        <input type="button" value="Remove"onclick=" Remove();"/>
      </h:column>
</h:dataTable>
</div>
</h:column>
</h:dataTable>Whatz that I need to do inside the Remove() JavaScript Function ?

Ram_J2EE_JSF wrote:
How to accomplish this using JavaScript?Using Javascript? Well, you know, Javascript runs at the client side and intercepts on the HTML DOM tree only. The JSF code is completely irrelevant. Open your JSF page in your favourite webbrowser and view the generated HTML source. Finally just base your Javascript function on it.

Controlling parent movie from a loaded movie

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3264494197_595630
Content-type: text/plain;
charset="US-ASCII"
Content-transfer-encoding: 7bit
Hi!
I have a swf file which I call "Stage" and it contains 3
scenes.
In scene 1 of Stage, I have another swf- "Info1." loaded on
level 10. I know
how to get Info1 to unload and load Info2 but what I am
trying to accomplish
is when I click on Info1, it loads Info2 and it also go to
Scene 2 of Stage.
Is there anyway I can do this?
I appreciate any input.
Thank you.
K.
--B_3264494197_595630
Content-type: text/html;
charset="US-ASCII"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>Controlling parent movie from a loaded
movie</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Arial"><SPAN
STYLE=3D'font-size:12.0px'>Hi!<BR>
<BR>
I have a swf file which I call "Stage" and
it contains 3 scenes. =
<BR>
<BR>
In scene 1 of Stage, I have another swf-
"Info1." loaded on level=
10. I know how to get Info1 to unload and load Info2 but
what I am trying t=
o accomplish is when I click on Info1, it loads Info2 and it
also go to Scen=
e 2 of Stage. Is there anyway I can do this? <BR>
<BR>
I appreciate any input. <BR>
<BR>
Thank you.<BR>
<BR>
K. </SPAN></FONT>
</BODY>
</HTML>
--B_3264494197_595630--

Never mind - I was doing something very stupid and wasn't
calling the function as a method of a movie clip. I was simply
calling checkTarget(event) rather than
event.currentTarget.checkTarget(event); which seems to work.

Control stage animation from buttons nested in a symbol

Similar Messages

Maybe you are looking for