Title: Full screen mode toggle trigger
Last modified: December 2, 2017

---

# Full screen mode toggle trigger

 *  Resolved [Darío Orlando Fernández](https://wordpress.org/support/users/soykatorce/)
 * (@soykatorce)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/full-screen-mode-toggle-trigger/)
 * Hi All,
 * I need a control button to trigger full screen mode (equivalent to function key
   f11) and eventually to toggle it back (equivalent to pressing Esc in fullscreen
   mode). I could not find any widget or plugin to do this. I guess that this can
   be accomplished through js or php but I don’t know how.
 * Cheers,
    Dario

Viewing 1 replies (of 1 total)

 *  Thread Starter [Darío Orlando Fernández](https://wordpress.org/support/users/soykatorce/)
 * (@soykatorce)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/full-screen-mode-toggle-trigger/#post-9799612)
 * Used this script in page header
 * <script language=”JavaScript”>
    // mozfullscreenerror event handler function 
   errorHandler() { alert(‘mozfullscreenerror’); } document.documentElement.addEventListener(‘
   mozfullscreenerror’, errorHandler, false);
 *     ```
       // toggle full screen
       function toggleFullScreen() {
         if (!document.fullscreenElement &&    // alternative standard method
             !document.mozFullScreenElement && !document.webkitFullscreenElement) {  // current working methods
           if (document.documentElement.requestFullscreen) {
             document.documentElement.requestFullscreen();
           } else if (document.documentElement.mozRequestFullScreen) {
             document.documentElement.mozRequestFullScreen();
           } else if (document.documentElement.webkitRequestFullscreen) {
             document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
           }
         } else {
           if (document.cancelFullScreen) {
             document.cancelFullScreen();
           } else if (document.mozCancelFullScreen) {
             document.mozCancelFullScreen();
           } else if (document.webkitCancelFullScreen) {
             document.webkitCancelFullScreen();
           }
         }
       }
   
       // keydown event handler
       document.addEventListener('keydown', function(e) {
         if (e.keyCode == 0 ) { // F11 key
           toggleFullScreen();
         }
       }, false);
   
       // End -->
       </script>
       ```
   
 * To insert the script I used [Header and Footer Scripts](http://galerialife.com/muzzygame/wp-admin/plugin-install.php?tab=plugin-information&plugin=header-and-footer-scripts&TB_iframe=true&width=772&height=585)
   plugin.
 * Topic resolved.

Viewing 1 replies (of 1 total)

The topic ‘Full screen mode toggle trigger’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [control](https://wordpress.org/support/topic-tag/control/)
 * [fullscreen](https://wordpress.org/support/topic-tag/fullscreen/)
 * [java](https://wordpress.org/support/topic-tag/java/)
 * [php](https://wordpress.org/support/topic-tag/php/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * 1 reply
 * 1 participant
 * Last reply from: [Darío Orlando Fernández](https://wordpress.org/support/users/soykatorce/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/full-screen-mode-toggle-trigger/#post-9799612)
 * Status: resolved