code-lts / jquery-fullscreen-plugin Goto Github PK

Hello guys!

My previous issue was 'solved' by changing the content and url via ajax.
Now, it's okay fullscreen mode is stay enabled in ff, ie, opera but chrome...

In chrome each time the url changed it acting like reloading the page. Is there an option for webkit only or its my scripting fault?

window.print not working after the fullscreen opened

Can you help me to understand why this doesn't work in Firefox? This works in Chrome on Mac Lion.

(function($) {

  $(document).ready(function() {

    $(document).bind('fullscreenerror', function() {
      alert('Browser rejected fullscreen change');
    });

    $('#action button').click(function() {
      $(document).fullScreen(true);
    });

  });

}(jQuery));

I am using this plugin in my project and it's not working in Internet Explorer 10. No error is showing up in the console.

Note : It is working in firefox and chrome

The bower.json file for this repo says it's named jquery-fullscreen-plugin. When I go to bower to search for it, I see:

Which is for this repo:

• https://github.com/private-face/jquery.fullscreen

So in turn I get the following error for bower:

{ [Error: No tag found that was able to satisfy 1.1.4]
  code: 'ENORESTARGET',
  details: 'Available versions: 0.5.0, 0.4.2, 0.4.1, 0.4.0, 0.3.5, 0.3.4, 0.3.3, 0.3.2, 0.3.1, 0.3.0, 0.2.1, 0.2.0, 0.1.0',
  data:
   { endpoint:
      { name: 'jquery-fullscreen-plugin',
        source: 'jquery-fullscreen-plugin',
        target: '1.1.4' },
     resolver:
      { name: 'jquery-fullscreen-plugin',
        source: 'git://github.com/private-face/jquery.fullscreen.git',
        target: '1.1.4' } } }

Which isn't looking for the correct repo. Am I missing something?

Hi,

Wanted to check if its possible to change height of a div or body when entered into fullscreen mode.

Thanks.

Hi, in Safari, after entering to full screen if you click a href link (in site) you see a blurred (target) page with text: Click to Exit Full Screen.
If you do that in Chrome, you go to a target page, that is not in full screen anymore.

How to get rid of this blurred page in Safari?

As of Chrome 71, this exception is thrown when invoking document.exitFullscreen while not in full-screen mode.

instead of document it should also trigger event on element which is in full screen

hello
i've tested on Iphone but the fullscreen has no effect
is it possible to detect if browser allow fullscreen mode to display or hide my "go to fullscreen" button?
or change it by an open in a new tab icon
thanks a lot

The plugin doesn't seem to work with Safari on iPad

Sample here: https://dl.dropboxusercontent.com/u/32379358/test_fullscreen/index.html

In Chrome and Safari on a Mac, i'm noticing that when you enter into fullscreen mode you can no longer enter any characters besides spaces into text input fields on the html page you just made full screen. It works fine on firefox.

https://www.npmjs.com/package/jquery-fullscreen-plugin

Hi,

Is it possible to use the same within iframe?

I have tried to put fullscreen button in page which is called within iframe, but it is not working for me.

Please suggest.

Thanks
Pratik Shah

Just a little hint:
[38] ...Depends on wether the ...
"wether" is missing an h, you wanted to say whether.

The current bower registration (and the latest release in GitHub) is v1.1.4. v1.1.5 supports IE11 and hasn't changed for a while - it would be good if bower install jquery-fullscreen gave people the latest version.

Hello there,

I'm trying to solve the fullscreen mode of our webapplication and I'm stucked because when the user is using fullscreen mode and clicks on a link that drives it to an other point of the site, the fullscreen is just shutting down to original viewing. Could anyone help me?
== EDIT ==
There's no solution because of the nature of document's reloading method.

I have a problem when I turned on full screen on chrome.. It won't scroll with my scrollwheel is this due to my scripting or is it a known issue

Don't know if this plugin is still developed, but we use it in production and pick up any errors. Here's one we have just seen:

TypeError: this.media.webkitEnterFullscreen is not a function. (In 'this.media.webkitEnterFullscreen()', 'this.media.webkitEnterFullscreen' is undefined

Sorry, no idea of platform or browser.

Hello ?
is this plugin support IE8 ?
I found error that says "Object does not support this property or method".

ZeroClipboard allows copy & paste functionality with the push of a button via a flash plugin. However, when I put the browser in Full Screen Mode, ZeroClipboard no longer functions.

Using the Chrome's "Inspect Element" I was able to determine that the embedded SWF flash objects were still on the page, but showing up behind the HTML elements they were supposed to cover. Tried changing CSS z-index without any luck. Moved the Flash object from the document.body to the DIV that is being displayed in full screen but that only worked for one of the two buttons glued by ZeroClipbard. Also need to move back to the document.body and re-intialize when they leave full screen mode.

Any advice for getting this ZeroClipboard to work in Full Screen Mode?

Tested on Chrome 30 and Firefox 24 on Win 7 with Flash 11.9.900

(Cross posted from zeroclipboard/zeroclipboard/issues/263 )

The spec has cancelFullscreen not cancelFullScreen, etc. So basically everything will break when browsers remove their prefixes.

Log message from Firefox
[19:20:20.759] Request for full-screen was denied because Element.mozRequestFullScreen() was not called from inside a short running user-generated event handler. @ http://local.codesquare.dk/jquery.fullscreen.js:82

which is: if (func) func.call(e);

ref: http://local.codesquare.dk

Hi

Many thanks for authoring and sharing this plugin.

I'm experiencing an issue. I'm using version 1.1.4 with jquery 1.9. I am getting true returned from $(document).fullScreen() != null in Safari 5.1 on a mac and on a pc but $(document).fullScreen() does not throw Safari 5.1 into fullscreen.

I'm wondering if it is an OS issue. My mac is os 10.6.8 and I am running Windows 7 on a pc. I'm thinking not, as the other apps go fullscreen.

Any advice greatly appreciated.

Regards
Mike

fullscreenchange event just fires on start of mode change. Is there any option to trigger an event of full screen completion? I want to update the width of certain things in an html canvas on going to full screen. For that I need the event on full screen complete event where I will get the new width of page and update the canvas objects accordingly.

In most cases this should not be a problem, but creating global variables is not a good idea.

The minified version should be scoped by a (function(){ ... })() and only expose the expected/required/public functions/variables, e.g. $.fullScreen.

Input form are not functional when in fullscreen mode on chrome, safari

Is there anyway to check if the element used with fullScreen is currently in fullscreen?

I only want the element I use in fullScreen to show onClick of another element (like a button) but when I close fullScreen I need the element to return to hidden.

Thanks!

When calling fullscreen to an image, it gets deformed