I was trying to implement fullscreen in IE11 using bigscreen.js. It works well with some hack.
But It doesn't work well with the same url embedded in IFrame.
I have video and canvas element in IFrame. Video element successfully goes to fullscreen.
But canvas, svg and some other elements are not going to fullscreen mode.
Is this the known issue with IE11? If so is there any around to make it work.
Thanks.
You have to click F12 (open developer tools)
Try all combinations to IE Mode ans Quirks Mode
You will find one that works (if you come from IE10) probabely :
Navigator Mode IE10 / Quirks Norme
Related
Hello I am trying to make a simulation of a ruler measuring a desk. The mousemove event works when I open the simulation alone but not when I open it in an iframe like here. The iframe works when opened with Chrome or Opera but not with Firefox. It also works with Edge after I press F12. Please help I am just a teacher not a developer and browser compatibility is far beyond my understanding.
Update: After the answer of murphy1312 I also noticed that my problem is also because the iframe is in a hidden tab that loads initially with display:none. Is there something I can do in the iframe document without changing anything in the parent page?
I have a working implementation of full screen working for Safari, Firefox, and Google Chrome. From what I have read it should work for ie with google chrome frame but when I click the full screen button I created nothing happens. Any ideas? Is it not yet supported?
$('#enable_fullscreen').click ->
calculate_presentation_font_size(height)
if docElm.requestFullscreen
docElm.requestFullscreen()
else if docElm.mozRequestFullScreen
docElm.mozRequestFullScreen()
else if docElm.webkitRequestFullScreen
docElm.webkitRequestFullScreen()
Putting an alert in the "webkitRequestFullScreen" if statement shows that it does go to this condition in chrome frame but docElem.webkitrequestFullScreen() is undefined.
I've build it and made it work from this examples.
https://developer.mozilla.org/en-US/docs/DOM/Using_full-screen_mode
The only things I can see missing from your code for the webkit condition is the parameter "Element.ALLOW_KEYBOARD_INPUT" to the webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT)
Unfortunately the main problem of chrome frame is the communication with the IE window that literally behave like a difficult child ;-)
For IE you can open a popup window in fullscreen mode by directly calling document.location.href for the source it will open the current page your are on
window.open(document.location.href, 'myAppfullscreen', 'fullscreen=1');
I am using IFrame as a popup for IE7 and IE8 but am not able to make ExCanvas work on it. While I checked it out on the developers tools, I was able to see the changes in my canvas tags but was not able to see the rendered effect. Whereas I have tried ExCanvas on a simple web page and it works there. But in the case of an iFrame is just dosent? Can you please explain me why is this happening and is there any other solution to this? As in any other polyfill that can be used?
I need to open the window in fullscreen using javascript. I suceeded in mozilla. but in google chrome its not working. Why is it so.? anybody help me.
I use this javascript for mozzilla.
<INPUT type="button" value="Progress window!" onClick="window.open('divs.htm','mywindow',
'fullscreen=yes,scrollbars=no,toolbar=no,location=no,directories=no,status=no,menubar=no')">
https://developer.mozilla.org/en/DOM/window.open
fullscreen
Do not use. Not implemented in Mozilla. There are no plans to implement this feature in Mozilla.
This feature no longer works in MSIE 6 SP2 the way it worked in MSIE 5.x. The Windows taskbar, as well as the titlebar and the status bar of the window are not visible, nor accessible when fullscreen is enabled in MSIE 5.x.
fullscreen always upsets users with large monitor screen or with dual monitor screen. Forcing fullscreen onto other users is also extremely unpopular and is considered an outright rude attempt to impose web author's viewing preferences onto users.
Supported in: IE
fullscreen does not really work in MSIE 6 SP2.
IIRC the fullscreen attribute is not cross browser compatible. It's called Kiosk mode i believe and chrome does not support it and so do many other browsers.
The firefox add-on I am working on is best viewed in fullscreen mode. (I am not creating a new window, but I insert a transparent div on the body of the current page and display some pictures.) Is there a way to toggle the fullscreen mode or f11 key with javascript?
Thanks in advance,
According to https://developer.mozilla.org/en/DOM/window.fullScreen, you should be able to just do window.fullScreen = true; (provided that your script is running in the browser window, not some other window, in which case you may have to jump through a couple hoops to get a reference to the main browser window)
This property indicates whether the
window is displayed in full screen
mode or not. It is only reliable in
Gecko 1.9 (Firefox 3) and later, see
the Notes below. With chrome
privileges, the property is
read-write.