fullscreen

I am very new to Front-end development and Foundation. I am trying to get <div class="main-header"> to be a full screen image that scales down responsively. Can anyone tell me what I am doing wrong? It is scaling properly, but is not showing the full image. I also wanted the <div class="large-6 large-offset-6 columns"> to sit above it on a mobile device – is that possible? The HTML: <!-- MAIN HEADER --> <div class="main-header"> <div class="row"> <div class="large-6 large-offset-6 columns"> <h1 class="logo">BleepBleeps</h1> <h3>A family of little friends<br>that make parenting easier</h3> <

Is there any way of reliably detecting if a browser is running in full screen mode? I'm pretty sure there isn't any browser API I can query, but has anyone worked it out by inspecting and comparing certain height/width measurements exposed by the DOM? Even if it only works for certain browsers I'm interested in hearing about it. Chrome 15, Firefox 10, and Safari 5.1 now provide APIs to programmatically trigger fullscreen mode. Fullscreen mode triggered this way provides events to detect fullscreen changes and CSS pseudo-classes for styling fullscreen elements. See this hacks.mozilla.org blog

According to this article Google Chrome 15 has a fullscreen JavaScript API. I have tried to make it work but failed. I have also searched for official documentation in vain. What does the fullscreen JavaScript API look like? Eli Grey The API only works during user interaction, so it cannot be used maliciously. Try the following code: addEventListener("click", function() { var el = document.documentElement, rfs = el.requestFullscreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen ; rfs.call(el); }); I made a simple wrapper for the Fullscreen API, called

I'm creating a 3D multiplayer game with Three.js, where players can join various existing games. Once "play" is clicked, the renderer is appended to the page and fullscreens. This works great, but the problem is that, when I exit the fullscreen, it still stays appended. I'd like to remove it, but I don't know when! So, basically, I'm looking for an event that says "this element exited fullscreen". This is how I append the renderer to the page: container = document.getElementById('container'); document.body.appendChild(container); var renderer = new THREE.WebGLRenderer({antialias: true});

Just wondering how to hide the ICS back/home/etc software buttons programmatically. Just like the Youtube apps does when playing a video. I want to hide them while a video is playing, but bring them up if the user taps the screen. I can't seem to find it anywhere on the web, or in Google's documentation. try to setup a Full screen window with flag SYSTEM_UI_FLAG_HIDE_NAVIGATION pinxue is spot-on... you want SYSTEM_UI_FLAG_HIDE_NAVIGATION . Example: myView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION); One thing to note, though, is that upon any (and I mean ANY) user interaction

Is there a way to hide the window title so that it won't get shown in fullscreen mode ( getWindow().setFlags(LayoutParams.FLAG_FULLSCREEN, LayoutParams.FLAG_FULLSCREEN) ) but then will appear upon getWindow().clearFlags(LayoutParams.FLAG_FULLSCREEN) ? requestWindowFeature(Window.FEATURE_NO_TITLE) is not an option of course as this won't allow to get it back. snctln The way I handle this in my Android games is to call the following line in the onCreate() of my Activity requestWindowFeature(Window.FEATURE_NO_TITLE); I can then turn the full screen capability off and on using the following code