Where do I place the different parts of the HTML 5 published files on a web page?

I recently published an HTML 5 canvas document from Flash. Once the files are published where do they go on a web page? For example, lets say I had 3 animations published from Flash as HTML canvas objects. The files go on different parts of page, let's say in 3 different places in the body. Flash outputs the HTML file, JavaScript file, and whatever images in an 'images' folder. I'm not sure where I would place all these files on my web site. I know the JavaScript goes in the head of the index page. However, where do the other parts go? Further, if I have multiple HTML canvas objects how do I separate the code.
All of the tutorials demonstrate how to publish the file, but give no assistance on how to place the file or files on a web page.
Below is example code from a sample files:
<html>
<head>
<meta charset="UTF-8">
<title>HeadSpinning</title>
<script src="http://code.createjs.com/easeljs-0.7.1.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.5.1.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.7.1.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.4.1.min.js"></script>
<script src="HeadSpinning.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
    canvas = document.getElementById("canvas");
    images = images||{};
    var loader = new createjs.LoadQueue(false);
    loader.addEventListener("fileload", handleFileLoad);
    loader.addEventListener("complete", handleComplete);
    loader.loadManifest(lib.properties.manifest);
function handleFileLoad(evt) {
    if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
function handleComplete() {
    exportRoot = new lib.HeadSpinning();
    stage = new createjs.Stage(canvas);
    stage.addChild(exportRoot);
    stage.update();
    createjs.Ticker.setFPS(lib.properties.fps);
    createjs.Ticker.addEventListener("tick", stage);
</script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
    <canvas id="canvas" width="615" height="400" style="background-color:#FFFFFF"></canvas>
</body>
</html>

All of the sections marked with the <script> tags should go in the head of the About page. From this line: <body onload="init();" style="background-color:#D4D4D4">, you want to take the onload="init();" part and add it to the <body> tag of the About page. You can also add the background color if you want.
The part marked with the <canvas> tag is the part that need to be added to the body of the About page. I don't know what your About page contains, so I can't tell you where it should be placed.

Similar Messages

  • Where  do I place the new camera raw plug in

    Hello friends I just updated the new camera raw plun in for Photo Shop CS2
    I also have received teh DNG where do I place the plugs in I just down loaded
    Michael

    The DNG Converter is NOT a plug-in. It's a stand-alone application, and you can put it wherever you want: in the applications folder, on your desktop etc.
    Make sure you download version 4.2 of the DNG Converter.
    As for the ACR plug-in, you need version 3.7. Later versions of ACR DO NOT work with CS2.
    You put it exactly where the obsolete ACR plug-in is installed by default when you first install Photoshop.
    Exactly where depends on your platform, Macintosh or Windows. There are very precise instructions on the page where you download the updates. Read them.
    Also read the FAQs on this forum.

  • Where can I download the HTML version of the 11g documentation?

    Could someone tell me where I can download the HTML version of the 11g documentation? The landing page for 11g Tuxedo docs states "View PDF or download a ZIP file containing documentation in PDF and HTML formats from the Download Documentation page", but the only two options available are to download the pdf files and the javadocs.
    In this part of the world (Africa) we tend to suffer from limited bandwidth, and it is far more efficient to have the docs loaded on my laptop!
    Thanks & regards,
    Malcolm.

    Hi Malcom,
    I've asked our tech writer to look into this and respond here.
    Regards,
    Todd Little
    Oracle Tuxedo Chief Architect

  • Where can i find the BI Java Connector Files (for example: bi_sdk_jdbc.rar)

    Hi,
    where can i find the BI Java Connector Files:
    bi_sdk_jdbc.rar
    bi_sdk_xmla.rar
    bi_sdk_sapq.rar
    bi_sdk_odbo.rar
    Can anyone help me?

    hi Christian,
    these files should be included in bi java sdk
    https://www.sdn.sap.com/irj/sdn/downloaditem?rid=/webcontent/uuid/78b3db58-0501-0010-b895-f75cd8fdf674 [original link is broken]
    hope this helps.

  • Where can I find the iPad back up files on my PC?

    Where can I find the iPad back up files on my PC?

    Try "C:\Users\<User>\AppData\Roaming\Apple Computer\MobileSync\Backup".
    If Moible Applications is inside iTunes instead of your media folder then you should consider using File > Library > Organize Library > Rearrange files in the folder "<Media Folder>".
    See also make a split library portable.
    tt2

  • I have captivate 6, I´m using Quizers part and I need to publish  file .app in .ipa, what do I have

    I have captivate 6, I´m using Quizers part and I need to publish  file .app in .ipa(ipad), what do I have to do to make it run in native way, that is without internet conection?

    Hi!
    That's an interesting question you have raised.
    I would recommend you to create your Captivate Project, Publish it to HTML5 output and Zip the Output Package,
    Use the PhoneGap to package it for iOS devices and produce .IPA file for the same .
    You can create an account here -- https://build.phonegap.com/
    I haven't tested it yet, but, I'll do it today.
    Let me know if this works out.
    Thanks,
    Anjaneai

  • On my macbook pro when opening a page i can not save it as a pdf only give me the option of saving it as a web page can any body help me on this I have tryed so many times without success

    on my macbook pro when opening a page on safaryi can not save it as a pdf only give me the option of saving it as a web page can any body help me on this I have tryed so many times without success?

    Just select Print in Safari and then, in the bottom left-hand corner, select PDF and you can save it to whichever flavor pdf file you like.
    Clinton

  • When trying to cler all browsing history at the location bar, although I follow the instructions to 'ctrl, shift, delete, some web pages remain stuck. Even if I highlight them one at a time and hit delete, they remain. What can I do to eliminate them?

    When trying to delete web pages from my history at the location bar drop-down area, I do as Firefox instructs by hitting the 'ctrl, shift, delete' keys but some web pages remain. Even if I highlight each page and hit delete, they remain. How can I eliminate these web pages?

    If you visit a bookmarked site then that site will become a history item and shows as such in the location bar drop down list.

  • What happened to the 'arrow' in the corner of highlighted text on a web page that allowed you to instantly search google etc without having to copy & paste - in FFv4 ?

    What happened to the 'arrow' in the corner of highlighted text on a web page that allowed you to instantly search google etc without having to copy & paste - in FFv4 ?

    Ah right - many thanks ...
    Cant see the Google toolbar extension anywhere on FFv4
    Cant see it on the 'extensions page either ?
    Do you have a link for it at all.
    Thanks

  • Is there any way to edit the standard Firefox context menu for displayed Web pages?

    Is there any way to edit the standard Firefox context menu for displayed Web pages? I frequently want to save a picture appearing on a page. Sometimes I "slip" and hit "Send Image" when I want "Save Image As", and have to sit and wait for a default send-mail page to come up, then close it, fiddling with its "are you sure" dialogs. This is a painful way to handle a slip-up. I basically NEVER want to e-mail an element directly from a page. Is there any way I can just delete "Send Image" from the context menu?

    You can remove entries in the context menu with code in the userChrome.css file
    *http://kb.mozillazine.org/userChrome.css
    Some IDs are listed in this MozillaZine Knowledge Base article:
    *http://kb.mozillazine.org/Chrome_element_names_and_IDs
    To find the ID of others you will have to use the DOM Inspector.
    * https://support.mozilla.org/kb/DOM+Inspector
    * https://developer.mozilla.org/En/DOM_Inspector
    * https://developer.mozilla.org/en/Introduction_to_DOM_Inspector
    * DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/

  • Where could i place the RTF file (locally or in server custom top)

    Hi guys,
    I am very new to xml report publisher and I completed one RTF template successfully and i am accessing oracle apps through my client instances which is in USA.
    I dont knw where to place the RTF file whether in my local system or in the custom_top.
    please reply immediately if any one knw,I hope that i will get immediately reply and its very urgent task to complete.
    Regards
    Praburam s

    Hi,
    I knw that oracle apps have separate res as XML Publisher Administrator.
    Just I want to knw in Template tab we should attach the RTF.My question is that where should i browse for that RTF(in template tab) to my local machine or server custom top)..
    Can i save my rtf file as locally or in server custom top.
    I hope that u can get my question..
    Please reply immediately.
    Regards
    Prabu

  • Where should I place the web service client implementation?

    Hi,
    I created a web service client, and some java classes are automatically generated like stub, servicelocator, proxy...
    I wrote the client code to access and invoke a web service.Where should I place this code.
    Thanks.

    pls see Left outer join in Infoset

  • Where can i see the .mdf or .ldf files for mysql database?

    Hi i have created a database in mysql workbench. Now i want the .mdf  or .ldf files for my project deployment.  where can i see this files in my folders. I have searched in this folders.
    C:\Program Files\MySQL\MySQL Server 5.6\data.
    Couldn't find the data's here. Please Help. Actually i don't know i am on the right path. Or please tell me how can i create it?

    I think mysql has a different file structures than MS SQL. May be this link will help you
    http://www.mkyong.com/mysql/where-does-mysql-stored-the-data-in-my-harddisk/
    Satheesh
    My Blog | How to ask questions in technical forum

  • Where can i find the OC4J.SH script file

    hi everyone... anybody can tell me where can i find the oc4j.sh file.. ??? this script allows to run an instance of oc4j on linux... also this allows to start oc4j as a service.. please help.-... if you have the source of this script please put it here...

    You should be able to find it in $ORACLE_HOME/bin, where $ORACLE_HOME is the place you install your oc4j. It seems this "oc4j.sh", "oc4j.cmd", or just "oc4j" comes to into being since oc4j 10.1.3. So you can just download oc4j 10.1.3 standalone, unzip the file, and find it in the bin directory.
    As far as I checked, this oc4j.sh is a very thin wrapper around oc4j.jar or admin.jar. There is nothing fancy about it. You can just as well start your oc4j by
      java -jar oc4j.jar
    To start oc4j as a service, or a background process as it is usually called on linux,
      java -jar oc4j.jar &

  • Where are files downloaded to on the mac when creating a pdf from web pages?

    where on the mac HD are files downloaded to  when creating a pdf from web pages?
    Im creating web pages from the whole site so creating a large document, so wondered where these fiels are stored on the mac so I can delete when finished as dont want to clog up the hard drive.

    Look at the LiveCycle server products.

Maybe you are looking for

  • Can deploy process but not workflow (10.1.3.10 beta)

    I tried to deploy several of the demo BPEL processes, but each time the process is deployed successfully, but the workflow is not. Fro example OrderApproval. I tried setting properties in the build.properties file, but apparently to no avail. Also ch

  • RAM preview HELP!!!

    Why whenever I want to RAM preview always goes full screen even when the full screen (off) uncheck? HELP!!!!

  • Error connecting to database after upgrade P6 R7.0 to P6 R8.2

    Dear friends, could you help me, i have problem with primavera P6, currently we using P6 R7.0 with server client. i have succesfully to installed it at sever and client and database connected too. but after we purchased the new version R8.2, and i ha

  • CS4; detecting correct FPS when importing an image sequence

    Here's the problem: I'm rendering a sequence in a serie of targa images at 24 fps in 3dsmax. When importing into premiere pro it always sets it to 29.97 fps. I can use the interpret footage to change it back to 24 fps, but when you have multiple vide

  • ACE Module support loadbalance rmi, ajp, jms, etc?

    Hello, Do you know if ACE Module support balance the follow protocols: 1. rmis 2. ajp 3. jms 4. IIOP 5. CORBA 6. IIOPS I know that ACE module support http, https and tcp/udp port. Best Regards