[JavaScript] [FAQ] Mettre le navigateur en fullScreen

[FremyCompany]

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

Code :

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

Code :

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

[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 ?

[FremyCompany]

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]

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 :

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]

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)

[vermine]

Merci.
Je vais regarder ça prochainement.

Arf ben ça ne passe pas sur IE7, par exemple. Oui je sais, je suis un peu à la traine.

[Bisûnûrs]

Envoyé par Bisûnûrs

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

Ca ne passe pas encore simplement sur IE. Pas même sur le 10, l'équipe de développement n'a pas encore décidé s'ils vont l'implémenter ou non.

[vermine]

J'ai mis ça pour l'instant : http://javascript.developpez.com/faq...#fenFullscreen

[Bovino]

Petit point de détail, la spécification du W3C parle de requestFullscreen alors que les implémentations spécifiques des navigateurs mettent le "s" de screen en majuscules (mozRequestFullScreen et webkitRequestFullScreen).

Voir aussi les méthodes exitFullscreen (W3C) et mozCancelFullScreen et webkitCancelFullScreen.

Using the Fullscreen API in web browsers

[Bisûnûrs]

Marrant, sur la doc MDN ils ont mis un S majuscule ...
https://developer.mozilla.org/en/DOM...ll-screen_mode

La doc du W3C met bien un S minuscule, merci Bovino :
http://dvcs.w3.org/hg/fullscreen/raw...rview.html#api

[Bisûnûrs]

Sinon dans la FAQ il faudrait sans doute préciser que par mesure de sécurité, les navigateurs bloquent le lancement du fullscreen au chargement de la page et que son affichage n'est possible que lors d'une action voulue par l'utilisateur (clic par exemple).

[vermine]

Qu'il en soit ain et si.