Full screen desabilita teclas???

[patilanz]

Hola acabo de poner un boton de fullscreen en mi pagina pero al dar click en el se pone en pantalla grande pero no se puede escribir
Una cosa muy rara...
Aqui tengo el boton:

Código HTML:

<button onclick="fullScreen()" class="fullscreenButton">FULL SCREEN</button>
 

Y aqui la funcion fullScreen();

Código Javascript:

function fullScreen(){
    var el = document.documentElement, 
    rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen;
    rfs.call(el);
}
 

???

[PHPeros]

Esto es mucho más sencillo y funciona para firefox, safari y chrome:

Código Javascript:

var elem = document.documentElement;
if (elem.requestFullscreen) { 
elem.requestFullscreen(); 
} else if (elem.mozRequestFullScreen) { 
elem.mozRequestFullScreen(); 
} else if (elem.webkitRequestFullscreen) { 
elem.webkitRequestFullscreen();
}
 

Saludos!

[patilanz]

Si funciona pero quiero saber porque el anterior hace este efecto de las teclas?

[zerokilled]

buenas...
@patilanz, creo que te faltó indicar en cuales navegadores obtienes dicho efecto. al menos yo comprobe en chrome y firefox. en firefox funciona bien, pero en chrome noté una sútil diferencia. me gustaría apostar que se trata de un bug pero no estoy totalmente convencido. fíjate que webkit tiene dos métodos para fullscreen: webkitRequestFullscreen y webkitRequestFullScreen. el primero no hace el efecto de bloquear el teclado mientras el segundo si.

[PHPeros]

Iniciado por zerokilled

fíjate que webkit tiene dos métodos para fullscreen: webkitRequestFullscreen y webkitRequestFullScreen. el primero no hace el efecto de bloquear el teclado mientras el segundo si.

puede ser algo aposta?

[patilanz]

A posta?? Para que van a hacer a posta bloquar teclas.
Creo que mas bien es un bug.

A mi me ocurre en chrome en los demas no los he comprobado.

Voy a leer mas sobre los dos metodos de chrome a ver cual es la diferencia.

[mensajeescrito]

Disculpad chicos, tanbien ando interesado en el tema full screen . Pero Ando un poco pegado.

he aplicado este codigo de ustedes para ampliar una imagen pero , si se me maximiza la pantalla pero no la foto miren:

Código Javascript:

<script>
 
    function fullScreen(){
var elem = document.documentElement;
if (elem.requestFullscreen) { 
elem.requestFullscreen(); 
} else if (elem.mozRequestFullScreen) { 
elem.mozRequestFullScreen(); 
} else if (elem.webkitRequestFullscreen) { 
elem.webkitRequestFullscreen();
}
    }
    
 
</script>
 

Código HTML:

<button onclick="fullScreen()" class="fullscreenButton"><img src="muralla.png" width="584px" /></button>
 

¿que es lo que esta mal?

[PHPeros]

Una cosa es hacer zoom a la pantalla y otra es dar altura y anchura a una imagen u objeto.
Además este es un tema que no tiene nada que ver con eso que dices. Si te interesa crea un nuevo tema pero aqui no vas a ser bien atendido...

[mensajeescrito]

gracias por nada.

[PHPeros]

No tenía mucho que decir si ya empiezas confundiendo ambos términos

[patilanz]

A ver que paso hemos cambiado el tema??
Al final es un bug o esta hecho asi a posta pero para que??

Saludos

[PHPeros]

No se, son dos metodos distintos existentes..

Por la zona PHP hay poco moderador...