Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Minimo código para que un html se abra en pantalla completa.

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

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil
Val: 6
Ha aumentado su posición en 14 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é (4 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: 6
Ha aumentado su posición en 14 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é (4 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