Exit from full screen not working?

Question

I'm working on a application which works in full screen mode. I'm using a Iframe to go to fullscreen. the problem is how to close that fullscreen on button click?

I'm using this code:

function exitfs(){
    if (document.cancelFullScreen) {
        document.cancelFullScreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
}

It works fine if i run it through firebug console but not works when bind with click event?

 function fullscreen(keys) {
    var f = e('newIfrane');
    if (keys) {
        if (f.mozRequestFullScreen) {
            f.mozRequestFullScreenWithKeys();
        } else if (f.webkitRequestFullScreen) {
            f.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        }
    } else {
        if (f.mozRequestFullScreen) {
            f.mozRequestFullScreen();
        } else if (f.webkitRequestFullScreen) {
            f.webkitRequestFullScreen();
        }
    }
}

calling this function like fullscreen(false);

Note: Iframe is loading the same page in fullscreen mode. In Page there is a Image on click of that image I'm calling exitfs().

I'm not getting what is the problem? Thanks...

You first show some code that works, in Firebug. Then say that it doesn't work on a click event and then shows us a function, that does not contain the code that worked nor any click event. Please update the question. — Henrik Ammer, Sep 13 '12 at 07:16
the code given above cancelFullScreen... is the code which works fine if executed using firebug console (ie. exiting from fullscreen) — Ravikumar Sharma, Sep 13 '12 at 07:27
@Tasos newIfrane is the id of iframe which loads my page in fullscreen — Ravikumar Sharma, Sep 13 '12 at 07:28
How exactly are you trying `exitfs()` in console? You're probably calling it under the context of top window instead of iframe. — Passerby, Sep 13 '12 at 08:03
Ah, I see. I was pointing our newIfraNe vs newIfraMe (looked like a typo) — Tasos Bitsios, Sep 13 '12 at 08:04
@Passerby > thanks I changed it to parent.exitfs() and it worked for me. — Ravikumar Sharma, Sep 13 '12 at 08:13

score 2 · Accepted Answer · answered Sep 22 '12 at 12:08

2

as suggested by Passerby I tried with the parent.exitfs(); and it worked for me. hope it will help someOne...

answered Sep 22 '12 at 12:08

Ravikumar Sharma

3,678
5
36
59

hi ravi, I am doing the same thing but finding some problem can you please help me I am using the following code in jsni.. public static native void hello1(int counter) /*-{ var body=$doc.getElementsByTagName("body")[0]; var id=$doc.getElementById("vp"); cancelFullscreen(id); function cancelFullscreen(id) { if (id.mozcancelFullScreen) { id.mozcancelFullScreen(); } else if (id.webkitcancelFullScreen) { id.webkitcancelFullScreen(); } } }-*/; – Jul 28 '14 at 11:03
where counter is 1 initially and the id is for particular html id this function is not working – Jul 28 '14 at 11:06
what is the parent that you are taking about – Jul 28 '14 at 11:07
parent of iframe (ie window.parent) – Ravikumar Sharma Jul 28 '14 at 11:49
i have posted as an answer please check it once – Jul 28 '14 at 11:53

score 0 · Answer 2 · 2014-07-30T11:27:01.763

0

 class Clickfullpage implements ClickHandler
 {
  public void onClick(ClickEvent event)
  {
    hello1(counter);
  }
}

public static native void hello1(int counter)
/*-{
 var body=$doc.getElementsByTagName("body")[0];
 var id=$doc.getElementById("vp");
 cancelFullscreen();
 function cancelFullscreen() 
   { 
      if ($doc.mozcancelFullScreen) 
      {
         $doc.mozcancelFullScreen();
      } 
     else
     if ($doc.webkitcancelFullScreen) 
      {
        $doc.webkitcancelFullScreen();
      }
   }   
}-*/;

edited Jul 30 '14 at 11:27

answered Jul 28 '14 at 11:52

please tell me where i am lacking – Jul 28 '14 at 11:55
instead id try using $doc – Ravikumar Sharma Jul 29 '14 at 04:46

Exit from full screen not working?

2 Answers2

Linked