Saltar al contenido

pantalla completa en div con ejemplo de código javascript

Hola, hemos encontrado la respuesta a tu pregunta, continúa leyendo y la obtendrás un poco más abajo.

Ejemplo 1: div de pantalla completa de JavaScript

$('#toggle_fullscreen').on('click',function()// if already full screen; exit// else go fullscreenif(document.fullscreenElement);
#container
  border:1px solid red;
  border-radius:.5em;
  padding:10px;<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div id="container"><p><a href="#" id="toggle_fullscreen">ToggleFullscreen</a></p>I will be fullscreen, yay!</div>

Ejemplo 2: pantalla completa a div

$('#toggle_fullscreen').on('click',function()document.msFullscreenElement)if(document.exitFullscreen)document.exitFullscreen();elseif(document.mozCancelFullScreen)document.mozCancelFullScreen();elseif(document.webkitExitFullscreen)document.webkitExitFullscreen();elseif(document.msExitFullscreen)document.msExitFullscreen();else
    element =$('#container').get(0);if(element.requestFullscreen)
      element.requestFullscreen();elseif(element.mozRequestFullScreen)
      element.mozRequestFullScreen();elseif(element.webkitRequestFullscreen)
      element.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);elseif(element.msRequestFullscreen)
      element.msRequestFullscreen(););

Sección de Reseñas y Valoraciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *