Skip navigation
mdchase1313
mdchase1313 Calculating status...
Currently Being Moderated

Invoke "navto://" from javascript?

Mar 27, 2012 6:28 AM

Hey all -

 

I'm putting together an HTML article. There's a full-page gallery that, when swiped up and down, changes the image. I'd like to also set it so that if the user swipes to the right or left, we would "navto" the previous or next article. I've seen examples of using "navto://" with a button, but haven't seen how to invoke it in a javascript function (I've read that "window.open" doesn't work). Can anyone help?

1042 Views   8 Replies   Latest reply: okornel, Apr 4, 2012 5:38 AM
 
Replies
  • Bob Bringhurst
    3,415 posts
    May 29, 2007
    Currently Being Moderated
    1. Bob Bringhurst,
    Mar 27, 2012 6:55 AM   in reply to mdchase1313
    Report

    See if this article helps:

     

    http://help.adobe.com/en_US/digitalpubsuite/using/WS67cb9e293e2f1f60-8 ad81e812b10bfd837-8000.html#WS9293e1fb3b977c5c53fe9e2612b12c9933c-8000

     
    |
    Mark as:
  • mdchase1313
    Currently Being Moderated
    2. mdchase1313,
    Mar 27, 2012 8:54 AM   in reply to Bob Bringhurst
    Report

    Thanks Bob, but I've already looked there. All the examples are given as hrefs, and I'm not doing that - I need to call from a function.

     
    |
    Mark as:
  • Bob Bringhurst
    3,415 posts
    May 29, 2007
    Currently Being Moderated
    3. Bob Bringhurst,
    Mar 27, 2012 9:41 AM   in reply to mdchase1313
    Report

    I'm not aware of any way to do that.

     
    |
    Mark as:
  • shimoawazu
    Currently Being Moderated
    4. shimoawazu,
    Mar 27, 2012 5:55 PM   in reply to Bob Bringhurst
    Report

    I hope it helps you.

    http://forums.adobe.com/message/4233931#4233931

     

    I created goto index button in Edge as above and it worked well.

     

    shimoawazu

     
    |
    Mark as:
  • mdc1313
    Currently Being Moderated
    5. mdc1313,
    Mar 28, 2012 8:56 AM   in reply to shimoawazu
    Report

    Thanks shimoawazu, but as I posted above, I'm not looking for a button or link based solution.

     

    Basically, is there an equivalent for window.href = "navto://myarticle#3"?

     
    |
    Mark as:
  • shimoawazu
    Currently Being Moderated
    6. shimoawazu,
    Mar 29, 2012 9:32 PM   in reply to mdc1313
    Report

    Edge build javascript file with navto:,

    Tap the Button, move to Index page.

     

    I hope this codes helps you.

     

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

    * Adobe Edge 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

    *

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

    (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", 0, function(sym, e) {

    var myElementVar = sym.lookupSelector('Text2');

    $(myElementVar).append($('<a style="display:block;width:100%;height:100%;" href="navto://00_Index" />'));

     

    var myElementVar = sym.lookupSelector('RoundRect');

    $(myElementVar).append($('<a style="display:block;width:100%;height:100%;" href="navto://00_Index" />'));

     

    });

    //Edge binding end

     

    })("stage");

    //Edge symbol end:'stage'

     

     

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

     
    |
    Mark as:
  • mdc1313
    Currently Being Moderated
    7. mdc1313,
    Apr 3, 2012 7:23 AM   in reply to shimoawazu
    Report

    Hi shimoawazu -

     

    Again, that'd code for a button click. I'm looking for a way to navigate to another stack without having to click anything.

     

    I'm getting the idea there's no way to do this. That's rather disappointing.

     
    |
    Mark as:
  • okornel
    Currently Being Moderated
    8. okornel,
    Apr 4, 2012 5:38 AM   in reply to mdc1313
    Report

    Hi mdc1313!

     

    You can do that with the YUI (Yahoo User Interface). There is a simulate function.

     

    http://yuilibrary.com/yui/docs/api/classes/Event.html#method_simulate

     

    Here is a short example:

     

     

    <html>

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

                        <title>Untitled Document</title>

      <script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>

     

      </head>

      <body>

      <a href="javascript:alert('simulated click');" id="button">Click here!</a>

     

    <script>

    YUI().use('node-event-simulate', 'node', function (Y) {

     

        Y.one('#button').simulate('click');

    });

    </script>

     

      </body>

    </html>

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points