Hvordan kan jeg få en besøkendes nettleser til å gå til fullskjerm ved hjelp av JavaScript, på en måte som fungerer med IE, Firefox og Opera?
Dette er det nærmeste du kan komme fullskjerm i JavaScript:
<script type="text/javascript">
window.onload = maxWindow;
function maxWindow() {
window.moveTo(0, 0);
if (document.all) {
top.window.resizeTo(screen.availWidth, screen.availHeight);
}
else if (document.layers || document.getElementById) {
if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
}
</script>
Heldigvis for intetanende nettbrukere kan dette ikke gjøres med bare javascript. Du må skrive nettleserspesifikke plugins, hvis de ikke allerede finnes, og deretter på en eller annen måte få folk til å laste dem ned. Det nærmeste du kan komme er et maksimert vindu uten verktøy eller navigasjonsfelt, men brukerne vil fortsatt kunne se nettadressen.
window.open('http://www.web-page.com', 'title' , 'type=fullWindow, fullscreen, scrollbars=yes');">
Dette anses imidlertid generelt som dårlig praksis, ettersom det fjerner mye nettleserfunksjonalitet fra brukeren.
Dette kan støtte
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="PRODUCTION_Default5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function max()
{
window.open("", "_self", "fullscreen=yes, scrollbars=auto");
}
</script>
</head>
<body onload="max()">
<form id="form1" runat="server">
<div>
This is Test Page
</div>
</form>
</body>
</html>