I'm a little surprised that it's been a month and a half and there's no responses to this post. This seems like the most practical use for the Edge+InDesign combination.
its what i want to do but cant find a solution then i can animate menus onto the screen and they the menus can lead to pages i want
I have finally worked it out. But have the code at work, I will post tomorrow when I get back in
Good morning all. This is how I got an amimated Edge button placed into InDesign DPS, then when pressed, the button navigates the user from Indesign document 1 (which contains the Edge placed button) to a new document or second page.
The button (called test) needs the following trigger and code applied to it:
var myElementVar = sym.lookupSelector('test');
$(myElementVar).append($('<a style="display:block;width:100%;height:100%;" href="navto://2" />'));
So this is basically saying: make item named ‘test’ navigate to InDesign Document named ‘2’
that should be it
hope this helps
THANK YOU SO MUCH!
How did you figure out the coding? Is there a resource out there that answers these sorts of questions?
Ill try it too what you have posted though just opens an indesign doc called "2" It doest specify a page number Would that be #3 after the indesign doc called "2". I ask as im not a brilliant coder !
And yes thanks a million i could never work this out !
ok but now how do you get the animation to automatically play without someone clicking on it in indesign when in a folio
click on the Edge graphic in inDesign and open folio overlays, click auto play and allow user interaction
Okay, I tried the above and it didn't work. After visiting this page, I made some adjustments to Martin's code:
I made a simple 5-page document in InDesign, with five animated navigation buttons on the document master page (so they appear on every page of the document). The buttons are based on Inspire magazine's "Interactive Banner" Edge tutorial.
The ARTICLE for this document is called Article1 (this is important!!).
In the Edge file, the five animated "buttons" are called Overlay_1, Overlay_2, Overlay_3, Overlay_4 and Overlay_5.
I inserted the following mousedown code into each "Overlay" button:
var myElementVar = sym.lookupSelector('Overlay_1');
$(myElementVar).append($('<a style="display:block;width:100%;height:100%;" href="navto://Article1#0" />'));
NOTE: the code will vary for each button -- the symbol name (sym.lookupSelector) will change based on which button you're coding for (Overlay_1, Overlay_2, etc).
The "navto" link points to the ARTICLE you want to navigate to. The number after the # symbol refers to the page in the Article you want to navigate to.
SUPER IMPORTANT: The first page of a document is 0, so specifying #1 jumps to page 2, #2 jumps to page 3, etc., etc.
** It's a little bit clunky, so I'm experimenting with the various nav actions to find the best one ("Click" doesn't seem to work that well, so I used mousedown instead) **
EDIT: I messed up on my original post. The navto code should point to the ARTICLE in the Folio Builder, not the FOLIO.
Hi thanks for posting these bits of code - its been very useful - I had martins working but now when i try it it - it doesnt and have just put buttons over the op of my menu items as in a hurry to get a demo out , will try again at a later date but what I wanted to ask was when my menu loads in I get a flash of white between the poster frame and the actual animation - i cant get rid of the poster frame in edge - any ideas on how to remove the white flash ?
If your stage is covered by other elements and never really visible during playback, try configuring the stage to a complementary color?
Perhaps the white flash is simply the stage ever so briefly being exposed?
thank you very much I searched for this for such a long time. But now I have another question.
I have created an animation in Edge Animate. I placed it in InDesign and I want that right after the animation has finished it should jump automatically to the next page.
What do I have to write down?