Playing a symbol timeline in Edge from Javascript function in an exteranl web page

Question

All-
I have a javascript function in an external web page.  i want to use this function to call a symbol timeline inside an edge file.
i've read about bootstrapping but i'm unsure how to use it in my project
any ideas?
Z

Answer 1

Hi again Elaine,
I actually had some success after many attempts with using your code. I can control the .stop() and .play() of the "NamePlate_sym" symbol. Yet, I am still having trouble doing anything else with it. I cannot .hide() it, nor use .html("Change text") on another element on the stage called"Rectangle". If I can accomplish that and all a global function on the stage, I'm in good shape.
I placed the following script in the header of the .html file that gets loaded into the iFrame within the Edge composition:
  <script type="text/javascript">
   window.parent.AdobeEdge.bootstrapCallback(function(compId) {
   comp = window.parent.AdobeEdge.getComposition(compId).getStage();
   alert("CompID is "+compId);
   var symbol = document.createElement('div');
   symbol.innerHTML = 'Rotate';
   symbol.style.cssText = 'background-color:#fea; width: 50px; text-align: center;';
   symbol.style.cursor = 'pointer';
   symbol.onclick = function() {
    if (comp.getSymbol("NamePlate_sym").isPlaying()) {
     comp.getSymbol("NamePlate_sym").stop();
    else {
     comp.getSymbol("NamePlate_sym").play();
   window.parent.document.body.appendChild(symbol);
        </script>
Once I put window.parent. in the first two lines of code and the last, my test worked. As I mentioned earlier though, I still can't get the syntax correct to .hide() an element (i.e. comp.getSymbol("NamePlate_sym").hide(); does not work), or more importantly, change the innerHTML value of an element on the stage. The code either does nothing or freezes.
Thanks... Tommy