Advertisement
laumneto

FS

Jul 9th, 2020
975
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. -- arquivo principal com o menu ----
  2.  
  3. <li id="bt_FS"><a><i class="icon icon-group"></i> <span>Full Screen</span></a></li>
  4.  
  5.  
  6. -- arquivo js do FullScreen --
  7.  
  8. function toggleFullScreen(elem) {
  9.     if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
  10.         if (elem.requestFullScreen) {
  11.             elem.requestFullScreen();
  12.         } else if (elem.mozRequestFullScreen) {
  13.             elem.mozRequestFullScreen();
  14.         } else if (elem.webkitRequestFullScreen) {
  15.             elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
  16.         } else if (elem.msRequestFullscreen) {
  17.             elem.msRequestFullscreen();
  18.     }
  19.    
  20.         document.getElementsByTagName('html')[0].style.background = "#2379BD";
  21.         document.getElementsByTagName('html')[0].style.padding = "0";
  22.         document.getElementsByTagName('html')[0].style.margin = "0";
  23.         document.getElementsByTagName('body')[0].style.background = "#2379BD";
  24.         document.getElementsByTagName('body')[0].style.padding = "0";
  25.         document.getElementsByTagName('body')[0].style.margin = "0";
  26.        
  27.         localStorage.setItem("FullScreen","Ativo");
  28.  
  29.    
  30.     } else {
  31.         if (document.cancelFullScreen) {
  32.             document.cancelFullScreen();
  33.         } else if (document.mozCancelFullScreen) {
  34.             document.mozCancelFullScreen();
  35.         } else if (document.webkitCancelFullScreen) {
  36.             document.webkitCancelFullScreen();
  37.         } else if (document.msExitFullscreen) {
  38.             document.msExitFullscreen();
  39.         }
  40.        
  41.         document.getElementsByTagName('html')[0].style.removeProperty("background");
  42.         document.getElementsByTagName('html')[0].style.removeProperty("padding");
  43.         document.getElementsByTagName('html')[0].style.removeProperty("margin");
  44.         document.getElementsByTagName('body')[0].style.removeProperty("margin");
  45.         document.getElementsByTagName('body')[0].style.removeProperty("margin");
  46.         document.getElementsByTagName('body')[0].style.removeProperty("margin");
  47.        
  48.         localStorage.setItem("FullScreen","Inativo");
  49.     }
  50.  
  51. }
  52.  
  53. document.addEventListener('fullscreenchange', exitHandler);
  54. document.addEventListener('webkitfullscreenchange', exitHandler);
  55. document.addEventListener('mozfullscreenchange', exitHandler);
  56. document.addEventListener('MSFullscreenChange', exitHandler);
  57. function exitHandler() {
  58.     if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {
  59.         localStorage.setItem("FullScreen","Inativo");
  60.         document.getElementsByTagName('html')[0].style.removeProperty("background");
  61.         document.getElementsByTagName('html')[0].style.removeProperty("padding");
  62.         document.getElementsByTagName('html')[0].style.removeProperty("margin");
  63.         document.getElementsByTagName('body')[0].style.removeProperty("margin");
  64.         document.getElementsByTagName('body')[0].style.removeProperty("margin");
  65.         document.getElementsByTagName('body')[0].style.removeProperty("margin");       
  66.     }
  67. }  
  68.  
  69.  
  70. function chamaFS(){
  71.     FS = localStorage.getItem('FullScreen');
  72.     setTimeout(function(){
  73.         if(FS == 'Ativo'){
  74.             $("#bt_FS").trigger('click');
  75.         }
  76.     }, 1000);
  77.     $("#bt_FS").click(function(){
  78.         $("#bt_FS").hide();
  79.     });
  80. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement