r63c Système de FullScreen sur les CMS

[UnderFR 30]

Salut à tous ! 

Aujourd'hui je vous partage un tutoriel qui va vous permettre de mettre votre CMS en FullScreen lors d'un clic sur un bouton.

Je re-partage le code que j'ai donné à @S-KDevFR, mais je change son "emplacement".

 

Voici le code HTML à mettre dans votre header.php, ou là où vous voulez, ( dans le header pour que le site entier soit accessible en FullScreen ).

 

<div id="full" onclick="toggleFullScreen()" style="border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    line-height: 1.2;
    border-radius: 5px;
    left: 12px;
    position: absolute;
    top: 12px;
    z-index: 1060;
    margin: 0 1px 4px;
    box-shadow: 0 3px 0 1px rgba(0,0,0,.3);
    background-color: #ffb900;
    border-color: #ffea00;
    color: #000;
    font-size: 9px;
    font-weight: bold;
    padding: 6px 8px;
    display: block;
    float: left;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    text-transform: uppercase;"><img src="./web/img/togglesize.png"></div>

Et voici la fonction JavaScript:

function toggleFullScreen() {
  if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
   (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    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();  
    }  
  }  
}

 

Il vous suffit de mettre l'image en pièce jointe, dans le répertoire: http://votresite.fr/web/img/togglesize.png

Bonne journée / soirée et à bientôt !

 

 

[ßRÂИÐØИ 46]

Pas la peine de partager deux fois parce que cela vient de toi ^^

[UnderFR 30]

Ah mais je le fais pas pour ça, je le fait parce que je change son utilisation et comme on me l'a demandé plusieurs fois, je l'ai mis en tutoriel

[Èsska (S-K) 136]

il y a une heure, UnderFR a dit :

Ah mais je le fais pas pour ça, je le fait parce que je change son utilisation et comme on me l'a demandé plusieurs fois, je l'ai mis en tutoriel

Mon petit cochonou qui fait un "retweet" :')  

[UnderFR 30]

Un "retweet" ??? 

[Èsska (S-K) 136]

à l’instant, UnderFR a dit :

Un "retweet" ??? 

Retweet = Un peu comme :

- Personne 1 : Bla bla bla

 

- Personne 2 : Y A PERSONNE 1 KI A DI SA: Bla bla bla

 

Ou si tu préfères, un repartage :')

(C'est ironique, rien à prendre au premier degrés mon cochonou préferé)

[UnderFR 30]

Sinon tu dis rien c'est pareil 

[Ash 8]

Je pense que cela ne sert strictement à rien de mettre un CMS en plein écran, (ceci est que mon avis, je respecte le votre).

[UnderFR 30]

il y a 2 minutes, Ash a dit :

Je pense que cela ne sert strictement à rien de mettre un CMS en plein écran, (ceci est que mon avis, je respecte le votre).

Je te comprends, mais comme je l'ai dit, on me l'a demandé plusieurs fois, et comme j'aime pas trop les spams quand j'ai pas envie de montrer comment le faire, je l'ai mis en tuto et je suis tranquille

[Ash 8]

il y a 13 minutes, UnderFR a dit :

Je te comprends, mais comme je l'ai dit, on me l'a demandé plusieurs fois, et comme j'aime pas trop les spams quand j'ai pas envie de montrer comment le faire, je l'ai mis en tuto et je suis tranquille

Oui, merci de ta contribution envers notre communauté  

[UnderFR 30]

Il y a 3 heures, Ash a dit :

Oui, merci de ta contribution envers notre communauté  

No problem