Load html inside Animate cc

[Rodrigo_Girona]

Is it possible to load an html (created with Animate CC) into another ".fla" (Animate CC - html5canvas)?

Test:

var gigs = new createjs.Bitmap("GIGS.html");

this.contenedor_mc.addChild(gigs);

//contenedor = empty movieclip on stage

Is not correct.

It is to make a charge only what is visited as previously was done with the ".swf"

From already thank you very much

[kglad]

it doesn't make sense to load an html document into a fla.

you mean you want to "load" an html into a html5/canvas document created by animate cc, correct?

you can replace the current html5/convas document with another (using the document's href property) and you can change the html of a div in your document with other html (using the div's innerHTML property).

[Rodrigo_Girona]

Exactly, load with a click, an html in another html (the 2 created in Animate CC).

With DIV and:

float: left / position: absolute

but I can not get it yet, thank you very much kglad

[kglad]

where's the html page?

if it's local you'll need to strip the headers. if it's not local there are security issues.

the only easy thing is to open a new window/tab or change the current window/tab with the document.location's href property or use window.open()

[Rodrigo_Girona]

Marcopolo.tech (index.html) -> Gallery -> Mobile Devices -> Route.

I want to load Route.html on index.html and not with window.open, is it possible?

The whole web is html5 canvas (Animate CC), thank you very much

[ClayUUID]

Do you want to replace the entire page? Or just the part of the page that the canvas occupies?

[Rodrigo_Girona]

Only one part (attached sketch)

I want route.html to be loaded in index.html (upper layer), as it was with "loadMovie" in AS.

I do not like the window.open

[kglad · Accepted solution]

again, use innerHTML of one of your div's:

document.getElementById("dom_overlay_container").innerHTML='<object type="text/html" data="route.html" ></object>'

and you can create div's using javascript or by editing your html if you don't want to use that one.

[ClayUUID]

Forcing a div to perform the role of an iframe seems like asking for trouble.

[Rodrigo_Girona]

Thanks, it works correctly but it is possible to locate it in the center of the screen.

Now trying to adapt this code in animate.

http://www.jacklmoore.com/colorbox/example1/

-> Outside Webpage (Iframe)

I add in the HEAD generated by Animate:

<link rel = "stylesheet" href = "colorbox.css" />

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </ script>

<script src = "../ jquery.colorbox.js"> </ script>

<script type = "text / javascript">

$ (document) .ready (function);

</ script>

The problem I have is to adapt:

<script>

$ (document) .ready (function () {

$ (". iframe"). colorbox ({iframe: true, width: "80%", height: "80%"});

});

</ script>

on the button of Animate CC.

Thanks to all

[ClayUUID]

If you're asking if there's an HTML5 Canvas version of the AS2 loadMovie() function (or its overcomplicated AS3 equivalent), then the answer is no. No there isn't.