External .js file for fullscreen - How to implement

[peanuts]

Hello

After realizing by reading ClickWiki that fullscreen is definetly not possible in HTML5 exporter i like to add this .js file into it and hopefully it will work.

https://github.com/motyar/fullscreen

I added also <script type="text/javascript" charset="utf-8" src="fullscreen.js"></script> in the header of the index.html but no result.

So any ideas how to get this fullscreen possibility in html 5 alive ?

Thanks

[advaith]

Wait so did you add the js file?

also, you need to add the script at the end of the body, not the head.

[peanuts]

Could you please built a working demo ? Because i can make too many mistakes by adding all things. At the end a lot of people will need this as well i think. Normally in html / css coding this would be a lousy task for me but i am new to Fusion and my head is already exploding with all this new informations ... so ... I tried with the HTML 5 object on javascript call function .. Right or wrong ? hehehe ...

Would be really nice learning from a master :-)

[advaith]

Here: GitHub repo Built version

Yes, the app is just a gray box. (I wanted to get something working as fast as possible

[peanuts]

Nice work but this ( the button ) is not inside the game or ? Sorry when i was not clear enough ...

[advaith]

You do not need to use any object in Fusion, you just need to uncheck the build HTML file option and build the app to the demo folder.

I put all the instructions in the GitHub repo README.

[peanuts]

Hmmm .... So after reading the README i still say it is outside the game. Inside the page. Ok this thinking is quite ok but in my view it is not perfect. I would like to have a button inside the game not next to it. Even if it works it takes space and can overlap the game itself. Maybe i will set it via CSS to a Z-index. But this is also only 2nd choice. However if you have any idea of how to add the button inside the game and calling the .js from inside let us know.

Totally perfect would be a new fullscreen object extension for HTML5 based on this script.

Thanks for your time.

[advaith]

Well it just depends on the frame size and browser window size, if they are the same the icon will go on top of the game.

[peanuts]

So no image inside the game possible and calling the .js from the HTML5 object ? This was the main how to question :-)

[advaith]

The image will be in the corner of the browser area, if it is over the game or not depends on the browser and game sizes. Resize your browser window to see what I am talking about.

You do not need to use the HTML5 object (as I said earlier), just follow the instructions on GitHub and it will work.