Support » Fixing WordPress » Full screen hide address bar option

  • Hi,

    Do you know or there is a plugin/ (js)script to hide the address bar and give a website the full screen mode?

    Many thanks
    Bouke

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You cannot normally affect what is at the browser level, but you can try: https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

    You don’t need it.
    It seems you are under the impression of some sort of delusion.
    While there are not a single reason to do that and whole lot of reasons to keep the url.
    The url is not just for decoration, you know. It’s on purpose.

    Think your case over and then ask another question.

    still try below code: you can use a frameset with 100% like so

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN”
    http://www.w3.org/TR/html4/frameset.dtd”&gt;
    <html>
    <head>
    <title>Your Title</title>
    </head>
    <body>
    <frameset rows=”100%”>
    <frame src=”index.html” name=”Your Title” />
    </frameset>
    </body>
    </html>

    Thread Starter Sharp-Image

    (@sharp-image)

    You are right. But we are working on some web based infographic ideas with html5 animations. It would be looking more smooth when the page popped up without the address bar. But I guess this is more a app or Powerpoint feature and not for websites.

    Ok no problem,

    try with this:
    https://wordpress.org/plugins/simple-popup-plugin/
    then uncheck the “Location Bar”

    May be help this

    Thread Starter Sharp-Image

    (@sharp-image)

    Hello Ahir,

    Sorry for my late response.I tried the simple-pop-plugin, but after visisting the webpage it give not a fullside pop-up screen and it shows the wp page first. It looks a little bit weird…
    When you see a other plugin / (js) solution, please let me know.

    Many thanks!

    I am looking for the same. My client asks for a similar site made in Adobe Flash: http://www.williamdaniels.net/

    Need a button to set the webpage to full screen and cover the address bar. Any idea if this is possible using html5 based website?

    Thanks Luca

    You can use the Browsers’ new HTML5 fullscreen capabilities.Currently only Google Chrome version 15+, Firefox 10+ and Safari 5.1+ support fullscreen mode.

    javascript

    <script type="text/javascript">
      function goFullscreen(id) {
        // Get the element that we want to take into fullscreen mode
        var element = document.getElementById(id);
    
        // These function will not exist in the browsers that don't support fullscreen mode yet,
        // so we'll have to check to see if they're available before calling them.
    
        if (element.mozRequestFullScreen) {
          // This is how to go into fullscren mode in Firefox
          // Note the "moz" prefix, which is short for Mozilla.
          element.mozRequestFullScreen();
        } else if (element.webkitRequestFullScreen) {
          // This is how to go into fullscreen mode in Chrome and Safari
          element.webkitRequestFullScreen();
       }
       //  now we're in fullscreen mode!
      }
    </script>

    you put an id to your body. then you can call the button

    <body id="player">
    <!-- your content -->
    <button onclick="goFullscreen('player'); return false">Click Me To Go Fullscreen! (For real)</button>
    
    </body>

    after that you must use a bit of CSS which will allow you to specify how you want your elements to appear in fullscreen mode

    <style type="text/css">
      .player:-webkit-full-screen {
        width: 100%;
        height: 100%;
      }
      .player:-moz-full-screen {
        width: 100%;
        height: 100%;
      }
    </style>
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Full screen hide address bar option’ is closed to new replies.