Full Screen Seite

[Freuler]

Guten Tag, liebes Forum,

ich suche nach einer Lösung eine Webseite komplett in den Fullscreenmodus zu bringen. Sobald dieser im Full Screen Modus ist, sollte ich das über einen Button auf der Webseite wieder normalisieren können, kennt da jemand eine valide Lösung?

Nebenbei: Es handelt sich hier um eine KNX Visualisierung. Diese wird dann über Webbrowser auf einem HP Smarttouch (Touch PC) in Betrieb genommen, um somit Lichter über diesen ein- und aus

 

[Wustersoss]

Hier wird prima erklärt wie das geht:
Window Fullscreen öffnen anzeigen Vollbildmodus Größe verändern maximieren JavaScript Beispiel Download

 

[struppi]

Hier wird prima erklärt wie das geht:
Window Fullscreen öffnen anzeigen Vollbildmodus Größe verändern maximieren JavaScript Beispiel Download

In welchem Browser funktioniert das denn noch? Oder leigt das nur an meinen Einstellungen, dass sich da nichts öffnet?

 

[Wustersoss]

Keine Ahnung. Das Beispiel mit dem Link öffnet bei mir im FF ein neues Fenster mit oberer Fensterleiste und darunter die Infobar mit dem Link, mehr nicht. Ist halt nicht 100% Vollbild dafür müsste man dann die Taste F11 drücken. Ob man das mit Javascript nachbilden kann entzieht sich meinen Kenntnissen.

 

[thomef]

-Mit javascript ist dies nicht möglich da es sonst zu missbrauch kommen würde.
-Mit Flash(swf) ist dies möglich. Kenne jedoch die "KNX Visualisierung" Oberfläche nicht.
-Bei den meisten Browser kann man über die F11 Taste in den Vollbild wechseln.
-Auch über Einstellungen,.... kann man in den VB Modus wechseln.
-Es gibt Browser apps, die dir diese Möglichkeit bieten.
-Möglicherweise bietet dir dein HP Smarttouch diese Möglichkeit auch, wie es bei vielen Geräten mit niedriger Auflösung anbieten.
-Möglicherweise lässt sich das ganze auch als eine *.exe Datei abspeichern
-Mit Programme wie Autoit eine exe Datei erstellen welche die Steuerung übernimmt.
-Möglichkeiten gibt es viele, was für ein BS und Browser hast du?

LG Thomef

 

[thomef]

muss mich korrigieren!!
Mit IE geht es leider nicht.
Zusätzliches:

Because of security issues, Firefox and Chrome currently whitelist the available keys in fullscreen mode. So only the basic keys like tab, space, arrow keys, etc. work. This severely limits its usefulness for games.

<style>
.fcd{
border:1px solid black;
display:inline-block;
background: rgb(230, 230, 250);
width:95%;
height:95%;
text-align:center;
}
button{position:absolute;}
</style>
<button onclick="full()">Fullscreen starten</button>
<div id=screen class=fcd>Dieser Bereich wird in den Fullscreen vergrössert</div>
<script type="text/javascript">
var el
function full() {
el = document.getElementById('screen');
if(el.webkitRequestFullScreen) {
el.webkitRequestFullScreen();
}
else {
el.mozRequestFullScreen();
}
console.log('fullscreen!');
}


function on_fullscreen_change() {
if(document.mozFullScreen || document.webkitIsFullScreen) {
el.style.width = screen.width+"px";
el.style.height = screen.height+"px";
}
else {
el.style.width = "90%";
el.style.height = "90%";
}
}
document.addEventListener('mozfullscreenchange', on_fullscreen_change);
document.addEventListener('webkitfullscreenchange', on_fullscreen_change);
</script>