Alguna idea para hacer que un elemento de la página a pantalla completa?

Por ejemplo,un div o una img?

Con «pantalla completa», me refiero a que debería tener todo el espacio de la pantalla del usuario,al igual que cuando vemos un vídeo con la pantalla completa del modelo. No quiero que la barra de tareas/barra de menú de la ventana del navegador en la pantalla.

Alguna idea?

  div.fullscreen{
    display:block;

    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;

    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;
    background-color:red
  }

He probado el código anterior,sin embargo no es lo que yo quiero,es juse ocupan todo el espacio del navegador del área de contenido en lugar de en el ordenador del usuario’screen.

InformationsquelleAutor hguser | 2011-03-04

3 Comentarios

  1. 4

    Elementos HTML no puede salir de los límites del navegador de la ventana de documento. El menú y la barra de herramientas están fuera de la ventana del documento (que es un niño de la ventana del navegador), por lo que no se puede «llegar» a ellos.

    Creo que la única solución es activar el modo de pantalla completa con JavaScript.

    Esta respuesta se muestra cómo se puede hacer eso: Cómo hacer que la ventana de pantalla completa con Javascript (se extiende por toda la pantalla)

    • Puede un falsh puede llegar a esto? Me refiero a poner un flash en la página? Ya que en algún sitio de videos como youtube,usted tiene una opción :paly en pantalla completa el modelo.
    • Y de hecho,lo que estoy tratando de hacer se puede encontrar aquí:stackoverflow.com/questions/5192286/…
    • Sí, pero que oculta la ventana del navegador por completo. Usted tendrá que hacer su visualización en flash, entonces (es decir, no en HTML).
    • gracias,la ocultación de la ventana del navegador por completo es lo que yo quiero.¿hay algún ejemplo en vivo? Yo nunca hice el flash dev
  2. 2

    Es relativamente nuevo pantalla completa de la api de JavaScript que puede hacer que un elemento de la pantalla completa.

    Tiene que ser llamado como el resultado de la entrada del usuario para evitar un posible abuso, pero es relativamente sencillo de usar:

    Código de MDN artículo:

    document.addEventListener("keydown", function(e) {
      if (e.keyCode == 13) {
        toggleFullScreen();
      }
    }, false);
    
    function toggleFullScreen() {
      if (!document.fullscreenElement &&    //alternative standard method
          !document.mozFullScreenElement && !document.webkitFullscreenElement) {  //current working methods
        if (document.documentElement.requestFullscreen) {
          document.documentElement.requestFullscreen();
        } else if (document.documentElement.mozRequestFullScreen) {
          document.documentElement.mozRequestFullScreen();
        } else if (document.documentElement.webkitRequestFullscreen) {
          document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
        }
      } else {
        if (document.cancelFullScreen) {
          document.cancelFullScreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen();
        }
      }
    }
  3. 0

    Esto no es posible ahora, y probablemente nunca lo será.

    Imagínense lo que pasaría si cada sitio web que visita tenía vía libre para hacerse cargo de su escritorio.

    • cada aplicación de instalar tiene vía libre para hacerse cargo de su escritorio…¿por qué no de aplicaciones web otorgarse el mismo lujo?
    • Porque, en primera instancia, usted ha hecho una decisión explícita para instalar la aplicación (y lo más probable es que también se la concedió privilegios de administrador durante la instalación), mientras que en el segundo ‘d estar abiertos a la unidad-por ataques de todo tipo. Obviamente pantalla completa ventana del navegador es una opción, pero incluso entonces no son realmente ocupando toda la pantalla-sólo la parte de ella que se asigna para el navegador.
    • no está abierto a la unidad-por los ataques si se restringen cómo los desarrolladores pueden utilizar la característica.

Dejar respuesta

Please enter your comment!
Please enter your name here