Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery for open page in full screen without iframe
    primarykey
    data
    text
    <p>I try to open html page in full screen using this code. but I want to open another page in full screen without iframe. (i.e. if i click on button than browser goes to full screen and open www.google.com in same window.)</p> <p><strong>here is my code</strong></p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;title&gt;jQuery Fullscreen Plugin demo&lt;/title&gt; &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="../jquery.fullscreen-min.js"&gt;&lt;/script&gt; &lt;style&gt; width:90%; height:90%; &lt;/style&gt; &lt;style&gt; #form { width:100%; height:100% } &lt;/style&gt; &lt;script&gt; function redirect() { $('#form').bind('click', function() { var $this = $(this); var outputHolder = $("&lt;div id='.uimodal-output'&gt;&lt;/div&gt;"); $("body").append(outputHolder); outputHolder.load($this.attr("href"), null, function() { outputHolder.dialog(// whatever params you want); }); return false; }); } &lt;/script&gt; &lt;/head&gt; &lt;body style="background:white"&gt; &lt;h1&gt;jQuery Fullscreen Plugin demo&lt;/h1&gt; &lt;div id="form" style="display: none;"&gt; &lt;h1&gt;blah blah blah&lt;/h1&gt; &lt;/div&gt; &lt;div id="buttons"&gt; &lt;button onclick="func1();"&gt;Enter Fullscreen mode (Form) &lt;/button&gt; &lt;/div&gt; &lt;script&gt; function func1(){ $('#form').fullScreen(true) var url = "http://www.google.com"; // $(location).attr('href',url); show(); function show() { if(document.getElementById('form').style.display=='none') { document.getElementById('form').style.display='block'; } } } &lt;/script&gt; &lt;script type="text/javascript"&gt; $(function() { $(".fullscreen-supported").toggle($(document).fullScreen() != null); $(".fullscreen-not-supported").toggle($(document).fullScreen() == null); $(document).bind("fullscreenchange", function(e) { if ($(document).fullScreen()) { document.getElementById('form').style.display='block'; } else { document.getElementById('form').style.display='none'; } }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload