[FAQ] Mettre le navigateur en fullScreen

**FremyCompany** · 03/01/2007, 11h22

Mettre le navigateur en fullScreen
1) En ouvrant un nouveau popup

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<HTML><BODY onclick="onClick()">Cliquez n importe ou pour ouvrir en plein écran... <SCRIPT>//<!--
function onClick() {
 // Ouvrir la page fullScreen
 var w = screen.availWidth;
 var h = screen.availHeight;
 window.open(window.location,
    "_blank",
    'fullscreen=yes,top=0,left=0,outerHeight='+h+',outerWidth='+w+",location=no,menubar=no,status=no,resizable=no,width="+w+",height="+h+",scrollbars=auto,copyhistory=0,directories=0"
 );
 
 // Fermer cette fenêtre (IE) ou la vider (FF)
 window.open("data:text/plain,Cette fenêtre a été fermée...", "_self", null).close()
}
//--></SCRIPT></BODY></HTML>

2) Avec moveTo et resizeTo (on ne supprime pas les barres de menus, ...)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

moveTo(0,0); resizeTo(screen.width, screen.height);

**dingoth** · 03/01/2007, 11h50

Pas mal.

Mais y a-t-il une méthode pareille pour mettre la fenêtre actuelle en fullscreen, sans ouvrir de popup ?

Comme si l'on appuyait sur F11 dans Firefox et Internet Explorer ?

**FremyCompany** · 03/01/2007, 13h04

Envoyé par dingoth

Pas mal.

Mais y a-t-il une méthode pareille pour mettre la fenêtre actuelle en fullscreen, sans ouvrir de popup ?

Comme si l'on appuyait sur F11 dans Firefox et Internet Explorer ?

Non...

Mais sous IE, on ne vois pas qu'un nouveau popup est ouvert, vu que l'ancienne page est fermée, néamoins, la page est réactualisée, et je ne vois pas comment on pourrait eviter cela...

**SpaceFrog** · 11/01/2007, 09h08

j'y ajouterais juste la bidouille de l'opener qui n'est pas en lecture seule sous IE vu que ce code n'est valable que pour IE, ça permet juste d'eviter le message d'alerte de fermeture...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <SCRIPT>//<!--
function onClick() {
 // Ouvrir la page fullScreen
 var w = screen.availWidth;
 var h = screen.availHeight;
 window.open(window.location,"_blank",'fullscreen=yes,top=0,left=0,outerHeight='+h+',outerWidth='+w+",location=no,menubar=no,status=no,resizable=no,width="+w+",height="+h+",scrollbars=auto,copyhistory=0,directories=0"
 );
 
 // Fermer cette fenêtre (IE) ou la vider (FF)
self.opener=self
self.close
// window.open("data:text/plain,Cette fenêtre a été fermée...", "_self", null).close()
}
//--></SCRIPT>

**Bisûnûrs** · 21/05/2012, 16h34

Avec la venue de HTML 5 et le fait de pouvoir mettre une vidéo (sans Flash) en fullscreen, les navigateurs commencent doucement à proposer des API pour faire du plein écran :

http://josselin.willette.free.fr/cod...es/fullscreen/

(A tester sur les dernières versions de Firefox et Chrome)