EDUCATIC
/
h5p-php-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

BUGFIX: Make h5p-semi-fullscreen appear above everything.

namespaces
Frank Ronny Larsen 2013-08-13 14:17:23 +02:00
parent 676edc5eec
commit 89caf91f7d
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/h5p.js
View File

@ -63,9 +63,12 @@ H5P.fullScreen = function ($el, obj) {
if (H5P.fullScreenBrowserPrefix === undefined) {
// Create semi fullscreen.
$el.add(H5P.$body).addClass('h5p-semi-fullscreen');
// Move H5P content to top of body to make sure it is above other page content
H5P.$body.prepend($el.replaceWith('<div id="h5pfullscreenreplacementplaceholder"></div>'));
var $disable = H5P.jQuery('<a href="#" class="h5p-disable-fullscreen">Disable fullscreen</a>').appendTo($el);
var keyup, disableSemiFullscreen = function () {
$el.add(H5P.$body).removeClass('h5p-semi-fullscreen');
$('#h5pfullscreenreplacementplaceholder').replaceWith($el);
$disable.remove();
H5P.$body.unbind('keyup', keyup);