When previewing the first hype_container is called index_hype_container but after export the hype_container takes on the export index html file name .
i.e syndTest2.html will result in the hype_container being called syndtest2.indexhype_container
I want to be able to account for this in code so I can run tests without having to change some hard codes lines.
I.e I need to be able to make adjustments the the height of the xx_hype_container and some of its chldren.
Which I have used an if clause for if index or if synd2 ....
So I have now come up with this:
var hypeMainContainerName = $( "body div:first-child" ).attr('id');
var theMainSceneContainer = hypeDocument.getElementById(hypeMainContainerName );
Which works. I can use my code in preview and export with out having to change anything.
But can anyone see if this could get broken some how.
i.e the first div not being the main index page container.