HTML article loading

Is there's a way to replace the white screen by a background image when the content viewer is loading an article made with HTML ?

IBNotifiesOnReady => into .plist
Set Dashboard widget to load the Apple javascript library => into the head section of the HTML file
Set the Dashboard widget to let iBooks know when the HTML initialization begins => into the javascript code
but the question is: where can i find/download the AppleClasses/AppleWidget.js?
Be careful, the line:
<script type="text/javascript" src="AppleClasses/AppleWidget.js"> </src>
is not correct. It must be:
<script type="text/javascript" src="AppleClasses/AppleWidget.js"> </script>

Similar Messages

  • How do I force an HTML Article to load on every view rather than load a cached version of the page?

    I've got several HTML articles, one is a search page. When you click a search result I am setting a variable in localStorage for the search query so it can be highlighted on the result page. When you get to the result page however, 99% of the time it loads a cached page. I need to force it to refresh and execute the JavaScript on every view not just when the View Application decides it should. Also the thumbnail is often cached to a really old version with something highlighted that you searched for 10 mins ago.
    Is there any API that I can make the HTML Article load on every view?
    Many thanks,
    Kris.

    Flash only supports a small amount of html in text areas.  If what you re trying to include is within what it supports, then you assign the text to the textfield using the htmlText property of the TextField...
    tfield.htmlText = "<a href="...">link</a>"; // will display "link" as a link

  • Open a link in an HTML article on the page

    Hello,
    I'm using an HTML article to collect an answer to single question survey. I've got the page built and loaded with two links (one for each answer) that go to pages on my web server that contain a "Thank You" message and log the user's response.
    I've also used jQuery to change the page and disable the links when the user's device is offline.
    However, when a user clicks on a link (to answer the question) the resulting "Thank You" page is loaded in the DPS web browser.  The behavior I'd like is for the page to replace the HTML article. Is that possible?  I vaguely recall an advertiser of ours messing this up in an ad a while back and us having to fiddle with the target attribute of the link tag to make it work, but now I'm at a loss.
    My alternative is to use an iFrame, but this doesn't seem like the best answer.
    Thanks for any advice you can offer!
    Steven

    You just need to select "Allow User Interaction" on the Folio Overlays Panel.
    More info on web content overlays here: http://help.adobe.com/en_US/digitalpubsuite/using/WS9293e1fb3b977c5c73657495129f66e490f-7f fa.html

  • HTML Article put together dynamically, scroll only possible after orientation change

    Hi guys,
    i have encountered the following problem today:
    im having a HTML page put together dynamically from a JSON source file, handling the JSON information with jQuery. i am uploading said HTML page (html page is empty until the page is in the DPS stack, then it builds itself) as an HTML article with "Smooth Scrolling: Vertical". So far, so good.
    When i open the page inside the Adobe Viewer App on my iPad, i can see the "first" part of the page (the first 1024px in portrait-orientation) but i am not able to scroll further down the page.
    however, when i do a orientation change of the device (turn it landscape and then back), i can scroll perfectly fine and am able to see everything on the page (so im quite sure the conversion from json to jquery to html does work). even stranger, when i let the page tell me its height ( via $("body").height() and $(document).height() ) it shows me, that the height of the page is indeed (e.g.) 10.000px, but i am not able to scroll down until i do the orientation change.
    am i missing something? im pretty sure that my code is correct, because once i change the orientation of my device, everything does work flawless.
    i hope my problem is understandable, any help is much appreciated.
    thanks
    Max

    Nevermind... since the HTML is empty, when the magazin gets opened, i suspect the HTML tells DPS "hey, my height is 0px, dont bother scrolling!". but once i am on the page itself and the process of bulding the page starts (HTML elements are added on the fly), it doesnt tell DPS "hey, my height changed, check if i need to be scrollable please" since im not able to scroll. when im changing orientation, it forces DPS to rerender the page and thus getting the correct height of the page.
    my workaround: setting the body height to (e.g.) 20.000px and then, later on, reduce it to the actual height needed by the HTML elements.
    but still: can someone explain me the process of loading / rendering pages inside DPS? when do DPS render pages, does it render pages the first time i open the app and then again when im on the page itself (or rather a page before the actual page?) is there a command to force DPS to rerender the page?

  • HTML Article Management: Is there an easier way to perform batch updates?

    I have a folio with many html articles.
    After a batch of edits I need to update the folio via FolioBuilding panel.
    I've tried 2 ways both however both are time consuming;
    1) via Updates: updating is time consuming because i have to select each artcle, go to menu select update, wait till complete, repeat for each article.
    2) via reimport: select each article, go to menu & select delete, wait till complete, repeat for each article then re-import all articles
    Is there an easier way to accomplish batch updates?
    Thanks,
    John

    Just use "import" & the sw insts' will load and assign accordingly, automatically.
    But oddly, there are times when importing a SMF w/imbedded prgm changes, that LP8 loads a completely wrong instrument to a specific track(s).
    One reason that I've kept only one of my trustworthy external midi modules (Roland XV5080), specifically for just importing SMFs'. When the XV is in GM mode, any standard midi files I import to LP8... always load pgm changes correctly 100% of the time.

  • Digital Publishing Suite Help | Creating HTML articles for DPS

    This question was posted in response to the following article: http://helpx.adobe.com/digital-publishing-suite/help/import-html-articles.html

    Hi
    I believe that the issue is that the HTML article will automatically start outside of your control, which is expected with HTML articles unless you code some kind of starting mechanism that responds to some reader action (tap a button, swipe somewhere, etc). To answer your other question, though, you can indeed use inDesign and control when the ad will start.
    In InDesign, you can set the delay to .125 for a Web Content overlay and it will then "fire" when it first comes into the reader's view. If you set it to zero (the default, by the way), then it will "fire" as soon as the article loads, which may not be when you expect, since DPS will preload adjacent articles in order to improve the reading experience. You can, therefore, put your HTML/jquery ad into a folder with an index.html file to drive it and then make a Web Content overlay in InDesign that points at the index.html file for your ad. Set the overlay to autoplay, and set the delay to .125 seconds. This way, your ad will always start when your reader swipes to view it. It also allows you to put the ad as an interstitial deeper in an article, and you can ensure it starts when the reader views it and not before.
    There is a cavet here, which is that the article will take some time to load, depending on the complexity of your HTML. As a result, your reader may see a spinning wheel on the screen instead of your ad while the ad begins to load. You should be sure to put a poster frame there that perhaps is a screen shot of the first frame of your animation. That way, when the ad loads, it will already have the first frame ready to go and will replace the first frame with the animation.

  • Autoplay video within an HTML article?

    As the title says -- I have an HTML article whose code starts a video playing. This works fine in Safari on the Mac, but in the Viewer, it makes me tap to start the video (or start the whole script?).
    Some googling and asking indicates that this may be a limitation imposed by apple, to avoid hijacked web pages. Not sure about that.
    This is the "cover" of the app, and I need it to start by itself, or I'll need to jettison all the HTML functionality and just use it as an autoplay video.
    Has anyone come up against this before? Or is my code just wrong?
    thanks
    David

    Hi
    This might not work for your case bacause it's on the cover. But anyway.
    I was using jqtouch an video. And wanted the video on the next page to autoplay when the transition was over.
    So on the button at page one (to go to page two). I put the code for the video to play on page two.
    <a href="javascript:void(0);" onClick="jQT.goTo('#page2', 'reveal');" ontouchend="document.getElementById('someVideo').play()">
    Then if I have more video on page three I have to stop video on page two before start video on page three.
    <a href="javascript:void(0);" onClick="jQT.goTo('#page3', 'reveal')" ontouchend="document.getElementById('someVideo').pause(), document.getElementById('someVideo2').play()">
    In your case it might work with some kind of loading page before the actual cover? Or try it with an onload? Have not tried that.
    Regards
    Olle

  • Js function to call the navigation bar on HTML articles?

    We have two HTML5 articles which we can either import as full HTML articles, so the overview shows the thumbnail, or we place a frame 1024x768, which loads the HTML folder. Anyway, is there a js file you can refer to, to gain some reader features, like a method to call the navigation bar?
    We did some custom scroll connected the accelerometer, but somehow clicking on the page doesn't bring up the nav bar.
    // Norbert

    Something we figured out for the iPad Content Viewer, using jquery in the standard way collides with some internal functions, so the nav bar didn't show up when the screen was clicked. Using jQuery in the noConflict version brought it back.

  • HTML article cut off

    Anyone ever had an HTML article that contains content that is taller than either iPad orientation, and yet it gets cut off when it first loads in the Content Viewer (from ID). When I change orientations on the device the other orientation works fine. When I go back to the original orientation, the HTML article now scrolls perfectly without getting cut off?

    Anyone ever had an HTML article that contains content that is taller than either iPad orientation, and yet it gets cut off when it first loads in the Content Viewer (from ID). When I change orientations on the device the other orientation works fine. When I go back to the original orientation, the HTML article now scrolls perfectly without getting cut off?

  • HTML Article performance issues in Adobe Viewer on iPad

    I have created a HTML Article using DPS but when I come to view it on Adobe Viewer in iPad the content does not scroll smoothly and the content is cut off and cropped (the whole page is not displayed), it is very judery and struggles to render the HTML below 'the fold' so to speak.
    I have tried both options for importing HTML into DPS and both have the same performance/lag isuues.
    I have a video in my HTML that seemed to be causing an issue where the video streaming was struggling to be pulled through, so I have treid YouTube and Vimeo video streaming and the performance/display issue is not resolved. I then tried embbeding an mp4 directly using HTML5 to see if it was a connection/bandwidth issue and the problem still exists. However the videos do play, its just the fact that the container is cropped in half.
    Sometimes the whole HTML article renders but then when you swipe back up the page it struggles to render the content above? Also then when you swipe back down the page the content is also cropped that was visible before?
    I have reviewed every available discussion on the Adobe Community and other resources but all the fixes mentioned do not have any effect.
    If anybody can assist or has been experiencing the same issues any advise would be welcome.
    Oh, the HTML Article contains some JS too, it does function correctly but I was wondering if JS causes problems? Just a thought.

    Well, I think I may have found the answer so I thought I would share with the Community incase anyone else experiences the same type of issues.
    After testing another peice of HTML that also included video streaming and heavy JavaScript, I narrowed the issue down to my JS. I had two Nivo Slider Carousels that were the route of the performance issues.
    The other test HTML Article scrolls smoothly and the video pulls in as intended, although once in a while there is a slight delay in the page scrolling up and down but this is hardly noticeable.
    I hope this may be of some help to other's in the future?

  • Refer to an object in Edge from an onclick="" in a .html file loaded into an iFrame in the animation

    HI, I am trying to figure out the Edge hierachies by stumbling my way through coding reference attempts. I've hit a wall...
    How can I refer to an object and a global function in my Edge animation from an onclick=""  located in an .html file loaded into an iFrame created within the master/parent Edge animation. Here's what I have...
    My main index.html is an Edge animation. One object <div> is a box created within Edge. I have added an iFrame with the Edge code:
    sym.$("MenuPanelScreen").html('<iframe src="list_images_cemetery.html" width="267" height="670" sandbox="allow-same-origin allow-scripts allow-top-navigation"></iframe>');
    That .html file which loads into the iframe within the animation contains thumbnails in <a> tags and contain onclick="" statements that should call a function within the Edge file.
    Eventually, I want the statements to read something like... onclick="changePic('Dragon.jpg', 'The Dragon', 'Saint and Worm')"
    However, I had no idea how to reference the changePic() function in the Edge animation. So, just to figure out how to reference the parent animation from an html in an iFrame, I change the onclick="" statements to...
    <a onclick="alert('Try to hide Nameplate'); sym.$('NamePlate_sym').hide();" >  <img src="gallery/TheyGaveUpTheirDead.jpg" width="80" alt="Angel and Worm" /></a>
    I first wanted to see if I could hide an Edge Symbol or div/element from the child html. I tried the following...
    onclick="alert('Try to hide Nameplate'); sym.$('NamePlate_sym', window.parent.document).hide();"
    I tried a few other variations that I won't bore you with. Can someone help me with the proper reference to effect an Edge element?
    Furthermore, I eventually wnat the onclick="" statement to reference a global function on attached to the Edge stage in the compositionReady event of the stage. The function is...
    window.changePic=function(myFileCurr, myLabelCurr, myDescriptionCurr) {
    alert("in changePick");
      document.getElementById("myImage").src="gallery/"+myFileCurr;
      document.getElementById("myImageLabel").innerHTML=myLabelCurr;
      document.getElementById("myImageDescr").innerHTML=myDescriptionCurr;
    I hope someone can point me in the right direction. Please forgive my ignorance. i am just getting back into coding and learning the intricacies of Jscript and jQuery. Thanks!

    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

  • How to get the anchor value transmitted to an HTML article?

    How can I retrieve the anchor value transmitted by a link to an HTML article ?
    ex : <a href="navto://test#myanchor>link</a>
    I want to retrive #myanchor or myanchor in my HTML test article
    I tried with self.document.location.hash.substring(1) but it doesn't work in the folio.

    It's a simple method for getting attributes value
    public String getAttrValue(String nodeName, String attrName)
    throws Exception{
    NodeList rootNode = document.getElementsByTagName(nodeName);
    int nodeDeep = rootNode.getLength();
    for(int i = 0; i < nodeDeep; i++){
    Node node = rootNode.item(i);
    NamedNodeMap nMap = node.getAttributes();
    Node attrNode = nMap.getNamedItem(attrName);
    if(attrNode != null)
    return attrNode.getNodeValue();
    return null;
    }

  • JEditorPane/HTML image loading delay

    I am using a JEditorPane to render HTML to a graphics buffer which I then write as an image file. Since HTML loading is asynchronous I wait for the "page" property change event after calling setPage() before using print() to capture the rendered HTML to a graphics buffer. Unfortunately, the "page" property change event is fired after the HTML is loaded but before images referenced by the HTML are rendered. As a result, the image that I capture has little picture icons in place of the graphics. If I sleep for a short time before capturing the image, it works fine. However, sleeping is not an acceptable solution as there is no way to predict how long I will need to sleep because it varies based on system load and complexity of the HTML being rendered. Is there any way to check if an HTML document has completely loaded including all the images? Does anyone have a better way to capture an image of a rendered HTML document that would not have this problem?
    Below is a code snippet that shows what I am trying to do.
    static final JEditorPane p;
    static final Object done;
    static {
        done=new Object();
        p=new JEditorPane();
        p.setSize(1728, 2156);
        p.addPropertyChangeListener("page", new PropertyChangeListener() { public void propertyChange(PropertyChangeEvent evt) {
            synchronized(done) {
                done.notifyAll();
    static void capture(File htmlFile) {
        BufferedImage img=new BufferedImage(1728, 2156, BufferedImage.TYPE_BYTE_GRAY);
        synchronized(done) {
            p.setPage(htmlFile.toURL());
            try {
                done.wait();
            } catch(InterruptedException e) {}
    /* without this code images are not rendered
        try {
            Thread.sleep(100);
        } catch (InterruptedException ex) {}
        Graphics g=img.createGraphics();
        g.setColor(Color.white);
        g.fillRect(0, 0, 1728, 2156);
        p.print(g);

    HI Sarnoth,
    I'm trying to do something similar and have used your code, but it doesn't work completely for me. Do you see anything that I'm doing wrong? I am trying to save the HTML page as a JPEG image. This is my code and I'm having problems. Anyone have any ideas? It is dying on the je.encode(bi) line. Also, for some reason, if I uncomment the commented out lines, it hangs. Any ideas on that one too?
    import java.io.File;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.io.FileNotFoundException;
    import java.awt.Color;
    import java.awt.Graphics;
    import java.awt.image.BufferedImage;
    import javax.swing.JEditorPane;
    import com.sun.media.jai.codec.ImageCodec;
    import com.sun.media.jai.codec.ImageEncoder;
    import com.sun.media.jai.codec.JPEGEncodeParam;
    public class HTMLPageToImageConverter
         private HTMLPageToImageConverter() {
         static final JEditorPane p;
         static final Object done;
         static {
             done = new Object();
             p = new JEditorPane();
             p.setSize(1728, 2152);
    /*         p.addPropertyChangeListener("page", new PropertyChangeListener() { public void propertyChange(PropertyChangeEvent evt) {
                 synchronized(done) {
                     done.notifyAll();
         static void GenerateHTMLBufferedImage(File htmlFile, BufferedImage img) {
             img = new BufferedImage(1728, 2152, BufferedImage.TYPE_BYTE_GRAY);
             synchronized(done) {
                 try {
                      p.setPage(htmlFile.toURL());
                 } catch(IOException e1) {}
    /*             try {
                     done.wait();
                 } catch(InterruptedException e) { System.out.println("GenerateHTMLBufferedImage InterruptedException"); }
             Graphics g = img.createGraphics();
             g.setColor(Color.white);
             g.fillRect(0, 0, 1728, 2152);
             p.print(g);
         public static boolean SaveHTMLFileToJPEG(String htmlFile, String jpegFile) {
              try {
                   BufferedImage bi = null;
                   GenerateHTMLBufferedImage(new File(htmlFile), bi);
                   FileOutputStream fos = new FileOutputStream(jpegFile);
                   JPEGEncodeParam jp = new JPEGEncodeParam();
                   ImageEncoder je = ImageCodec.createImageEncoder("JPEG", fos, jp);
                   je.encode(bi);
                   fos.close();
              } catch(FileNotFoundException fnfe) { System.out.println("SaveHTMLFileToJPEG FileNotFoundException"); }
                catch(IOException ioe) { System.out.println("SaveHTMLFileToJPEG IOException"); }
              return true;
    }Called from other code
    HTMLPageToImageConverter.SaveHTMLFileToJPEG("d:/page1.html", "d:/page1.jpeg");
    ...Thanks in advence,
    --Ed                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

  • Scrubber Thumbnails for HTML Articles - How Do You Get them to Actually Appear?!?!?

    Hi Gang,
    My apologies if I asked this last month, but it's really driving me nuts.
    The cover of our magazine is an HTML article, and it appears as a blank screen in both the TOC and BROWSE modes. The former is easy to fix by simply creating a thumb image and inserting it via Indesign or the Folio Producer. It's the browse mode that is the conundrum. I've followed the following instructions provided by ADOBE and updated my HTML article but to no avail.
    Creating scrubber thumbnails for HTML articles
    For InDesign articles, the viewer automatically generates the thumbnails that appear when you drag the scrubber. However, generating thumbnails for HTML articles takes more time, sometimes resulting in poorly rendered thumbnails. To improve thumbnail performance in HTML articles, you can manually add image files to the HTML article folders.
    Create png files that are named "scrubberthumbnail_h.png" and "scrubberthumbnail_v.png" (you can also use _l and _p suffixes). Add these files to the HTML article folder. There is no size restriction for these images, but note that they are scaled down proportionally to a height of 166 pixels. As a point of reference, when thumbnails are generated, landscape thumbnails are 221x166 pixels, and portrait thumbnails are 125x166 pixels.
    What am I doing wrong? My folio is portrait (vertical)-only and I put my .png filed named "scrubberthumbnail_v.png" in the parent directory (same level as the "cover_v.html" file targetted) of the HTML article. Should it be put somehwere else in the article folder?
    I'm hoping there is a simply solution.
    Thanks in advance!

    Thanks guys, but that doesn't address my problem. It's an HTML article, not a web content overlay.
    Yes, I know I could redo the cover within InDesign using a web content overlay spanning the entire 'page' and use a MSO as pointed out, but the cover starts off empty and then items begin to appear (ie) image and then the magazine title followed by the article titles. The latter which are linked (navto:) to their respective article. The problem is that navto links do NOT work in web content overlays, which is why I resorted to creating an HTML article. But alas, the scrubber thumbnail problem...
    The instructions above do not work for me, unless I've done something wrong such as placing the thumb image in the wrong location within my HTML folder, which in this case is a published EDGE ANIMATE project.
    And yes I could still go the MSO/InDesign web content overlay route and insert invisible frames over my link text as delayed MSOs, but that seems unecessary since I should be able to create the scrubber thumbnail for an HTML article as explained above.
    Any advice regarding the creation of the scrubber thumbnail? Or does it simply not function as intended at this time? I'm using InDesign CS5.5 using v.26 tools.
    Thanks in advance!

  • Updating HTML articles

    I've got a couple HTML articles included in my app, and for the sake of testing/proofing purposes I have to import them then update the contents as I get changes. I've noticed that when I'm specifically changing CSS files, the updates tend not to always show up right away. Now, though, I've changed some image files that apparently are stuck in their cached state, which is definitely not correct.
    I've tried deleting the article from the Folio and re-importing it, even going as far to update it on the content viewer app on my iPad betwen deleting and reimporting, to no avail. Deleting the issue from the iPad and redownloading it does not work. The only thing that works is deleting the Content Viewer from the iPad entirely, reinstalling it, and redownloading the Folio.
    Is there a way to fix this? As a tech person I can figure this out, but I'm going to be tearing my head out trying to explain it to normal folk.

    One thing you can do, as kind of a workaround, is to add a query parameter to your URL.
    So, for example, if you have a reference to a CSS file like so:
    <link rel="stylesheet" href="main.css">
    just put a query parameter on it like so:
    <link rel="stylesheet" href="main.css?123">
    You can do the same thing with straight HTML or JavaScript file references as well.
    Using a time epoch would be the best strategy, I think, as it ensures uniqueness.
    And, by the way, don't thank me, thank Chris Coyier. That dude is a genius!
    Strack

Maybe you are looking for