JavaScript - Minimo código para que un html se abra en pantalla completa.

 
Vista:
sin imagen de perfil
Val: 3
Ha aumentado su posición en 37 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Minimo código para que un html se abra en pantalla completa.

Publicado por José (3 intervenciones) el 06/06/2018 21:26:17
Hola,

Soy nuevo en la programación de páginas web con html5 y javascript.

Como punto de partida, estoy intentando hacer una página web muy simple que se abra en pantalla completa.

Me he basado en varios tutoriales que he consultado en google, pero mi página no se abre a pantalla completa.

El código html de la misma es el que adjunto al final de este mensaje.

Alguien con más experiencia que yo, me podría decir qué está mal en mi página. ¿Porqué no se abre a pantalla compelta al cargarse la página en el navegador?


CÓDIGO HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="es">
<head>
  <title>Título del documento</title>
  <script>
  function launchFullScreen(e) {
      if (e.requestFullScreen) {
        e.requestFullScreen();
	  } else if (e.mozRequestFullScreen) {
	  e.mozRequestFullScreen();
      } else if (e.webkitRequestFullScreen) {
        e.webkitRequestFullScreen();
	  } else if (e.msRequestFullScreen) {
	  e.msRequestFullScreen();
      }
  }
  </script>
</head>
<body onload=function() {
  launchFullScreen(document.documentElement);
  }>
  <div id="principal">
  <p onclick="alert('Hizo clic')">Hacer clic aquí</p>
  <p onclick="function() {  launchFullScreen(document.documentElement);  }">Full screen</p>
  <p>No puede hacer clic aquí</p>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 54
Ha disminuido su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Minimo código para que un html se abra en pantalla completa.

Publicado por Yamil Bracho (76 intervenciones) el 06/06/2018 21:33:29
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 3
Ha aumentado su posición en 37 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Minimo código para que un html se abra en pantalla completa.

Publicado por José (3 intervenciones) el 06/06/2018 22:08:02
Muchas gracias.

En base a la respuesta que me comentas, he eleborado esta otra versión, que creo que es correcta, aunque al hacer clic en el texto qu emuestra la ventana emergente, sale del modo de pantalla completa:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="es">
<head>
  <title>Título del documento</title>
  <script>
  window.onload = function() {
  launchFullScreen(document.documentElement);
  }
 
   document.onclick = function (argument) {
     var conf = confirm("Fullscreen mode?");
     var docelem = document.documentElement;
 
     if (conf == true) {
        if (docelem.requestFullscreen) {
            docelem.requestFullscreen();
        }
        else if (docelem.mozRequestFullScreen) {
            docelem.mozRequestFullScreen();
        }
        else if (docelem.webkitRequestFullScreen) {
            docelem.webkitRequestFullScreen();
        }
        else if (docelem.msRequestFullscreen) {
            docelem.msRequestFullscreen();
        }
     }
   }
 
  </script>
</head>
<body>
  <div id="principal">
  <p onclick="alert('Hizo clic')">Hacer clic aquí</p>
  <p>No puede hacer clic aquí</p>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar