locked
how to embed html5 canvas and edseljs in a dynamic div RRS feed

  • Question

  • I am trying to open html5 canvas and javacript canvas in a file that open up pages in a magazine. When I had animation I used dynamic div to open up the pages. I need to do that or is there another way I can open up the page in my javascript file. Below is the file I am talking about.

    // Issue Settings
    //////////////////////////////////////////////////////////////////////////////////////////////////

    var issueNumber     = 11;
    var issuePageCount  = 06;
    var issuePageWidth  = 578;
    var issuePageHeight = 680;
    var issueNextPage   = 1;


    // ===============================================================================================
    // Issue Name
    // ===============================================================================================

    Issue_IssueName = function()
    {
        return "Issue" + ((issueNumber < 100) ? "0" : "") + ((issueNumber < 10) ? "0" : "") + issueNumber.toString();
    };


    // ===============================================================================================

    //HERE IS THE FILE I AM TRYING TO OPEN WHEN THE ISSUE OPENS
    // ===============================================================================================

    var pg29_CanvasContainer = null;
    bmpg29_Canvas = null;
    //===============================================================================================
    // Load
    // ===============================================================================================

    function BmOnLoad()
    {
        // ===============================================================================================
        // settings
        // ===============================================================================================

    bmPageWidth     = issuePageWidth;
    bmPageHeight    = issuePageHeight;
    bmNextPage      = issueNextPage;

    var pageUriTemplate = Issue_IssueName() + "/Pages/page-";

    for(var pg = 1; pg <= issuePageCount; pg++)
       bmPages[pg] = pageUriTemplate + ((pg < 10) ? "0" : "") + pg.toString() + ".jpg";

        BmInitialize();
          
    // ===============================================================================================
    // Index
    // ===============================================================================================

        AddIndexToJumpTo( 1,"Cover");
     
    // ===============================================================================================
        // Page 2 - Contents
        // ===============================================================================================
        
        InsertDinamicDiv( 2, "", "", 87,181,424,52, "BmFlipTo(3)", "", "", "");

    // ===============================================================================================
        // Page 6 - bed
    //HERE IS THE REST OF THE FILE 
        // ===============================================================================================
    var canvas = pg29_Canvas; 
    pg29_CanvasHtml = InsertDinamicDiv(03, "page06", "", 0, 0, 586, 680, "", "", "", "");
        pg29_CanvasHtml.innerHTML = page29_Canvas.javascript; 
        pg29_Canvas.style.backgroundImage = "url(Issue011/images/pg29_Canvas.json)";
    BmLoad(pg29_Canvas, 0);
    // ===============================================================================================
    // Start
    // ===============================================================================================

    BmStart();
    BmFlipTo(issueNextPage);
    }

    i am using c+ and aspnet4 and forms 

    Thanks desperate Jen


    Jennifer Sheehan

    Saturday, January 23, 2016 1:41 AM