Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[opossum]

Hallo,
habe die Suche bemüht, leider nichts passendes gefunden. Zu meinem Problem: Ich lasse meine Visualisierung auf einem Trekstor Primetab13 t13b laufen. Die Verknüpfung auf die Startseite des Projektes habe ich in der Autostart des Primetabs, auf dem läuft Windows 10 home. Die Visualisierung läuft im Vollbildmodus. Eigentlich alles schick. Nun muss ich aber manches Mal vom Vollbildmodus auf das Betriebssystem wechseln, warum auch immer. In Mediola gab es dafür eine Verknüpfungsmöglichkeit. Hier wäre ja einfach nur mit F11 auf dem Fenstermodus zu wechseln. Hat das schon jemand gemacht. Eventuell mit Script oder was auch immer?
Gruß
opossum

[opossum]

Hallo,
vielen Dank. Habe das jetzt eingebaut. HTML-Widget auf Seite platziert und dann folgendes HTML hinterlegt:

Vollbild.txt

Spoiler

</p><p>
<button type="button" onclick="toggleFullScreen()"
style="width: 130px; background:#212121; padding: 5px;
text-align: center;">
<font color=#FFFFFF>Vollbild</font>
</button>
</p>
<script>
function toggleFullScreen() {

if ((document.fullScreenElement && document.fullScreenElement !== null) ||

(!document.mozFullScreen && !document.webkitIsFullScreen)) {

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();  

}  

}

}
</script>

Damit kann ich jetzt auf meinem Tablet zwischen Vollbild- und Fenstermodus wechseln. Das geht sicherlich mit CSS noch besser, aber so reicht es bei mir aus.

Gruß
opossum

[Stabilostick]

Die Fullscreen API der Webbrowser könnte Dir hier weiterhelfen. Schau Dir bitte das folgende Beispiel an: https://www.thewebflash.com/toggling-fullscreen-mode-using-the-html5-fullscreen-api/

[opossum]

Hallo,
vielen Dank. Habe das jetzt eingebaut. HTML-Widget auf Seite platziert und dann folgendes HTML hinterlegt:

Vollbild.txt

Spoiler

</p><p>
<button type="button" onclick="toggleFullScreen()"
style="width: 130px; background:#212121; padding: 5px;
text-align: center;">
<font color=#FFFFFF>Vollbild</font>
</button>
</p>
<script>
function toggleFullScreen() {

if ((document.fullScreenElement && document.fullScreenElement !== null) ||

(!document.mozFullScreen && !document.webkitIsFullScreen)) {

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();  

}  

}

}
</script>

Damit kann ich jetzt auf meinem Tablet zwischen Vollbild- und Fenstermodus wechseln. Das geht sicherlich mit CSS noch besser, aber so reicht es bei mir aus.

Gruß
opossum