Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !
Sign in to follow this  
UnderFR

r63c Système de FullScreen sur les CMS

Recommended Posts

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:

Please login or register to see this link.

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

 

 

togglesize.png.1aa519eb23a06bf2014dbf34c19e8074.png

Share this post


Link to post
Share on other sites
Vétéran

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

Share this post


Link to post
Share on other sites

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 :)

Share this post


Link to post
Share on other sites
VIP
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" :') <3:p 

Share this post


Link to post
Share on other sites
VIP
à l’instant, UnderFR a dit :

Un "retweet" ??? :etonne:

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é)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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 :)

Share this post


Link to post
Share on other sites
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é ;) 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...