Anbei mal das Vorgehen mit einem Webhook, dann wird glaube ich auch klar was der Vorteil ist im Vergleich zum User Ordner, das Du nämlich direkt in der Konsole arbeiten kannst.
[ul]
[li]String Variable erstellen mit Profil ~HTMLBox für die Anzeige im Webfront[/li][li]Skript erstellen das dann die Webseite beinhaltet[/li][li]Inhalt in Skript kopieren hier nehmen wir als Beispiel mal https://codepen.io/HugoGiraudel/pen/jxJqu[/li][li] Skript sieht also so aus[/li]
<!DOCTYPE html>
<html lang="de">
<head>
<title>Clock</title>
<style type="text/css" media="screen">
@charset "utf-8";
@import "compass/css3";
* { box-sizing:border-box; }
body {
background:#EDEDED;
}
.clock {
width:200px;
height:200px;
border-radius:50%;
background:radial-gradient(15% 25%, #fff, #DDD 60%);
border:8px solid #08C;
margin:30px auto;
position:relative;
box-shadow:
0 5px 3px rgba(0,0,0,0.3),
inset 0 5px 3px rgba(0,0,0,0.3);
}
.clock:after {
position:absolute;
width:10px;
height:10px;
background:#333;
border-radius:50%;
left:50%;
top:50%;
margin-left:-5px;
margin-top:-5px;
content:"";
border:1px solid rgba(0,0,0,0.1);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.4),
0 2px 1px rgba(0,0,0,0.5);
}
.hand {
position:absolute;
left:50%;
transform-origin:0% 100%;
box-shadow:0 0 5px rgba(0,0,0,0.2);
border-radius:30px;
}
.seconds {
width:1px;
height:90px;
background:orange;
top:10px;
animation: rota 60s steps(60, end) infinite;
}
.minutes {
width:2px;
height:70px;
background:#08C;
top:30px;
animation: rota 3600s linear infinite;
}
.hours {
width:3px;
height:40px;
background:#222;
top:60px;
animation:rota 86400s linear infinite;
}
@-webkit-keyframes rota {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
@-moz-keyframes rota {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
</style>
</head>
<body>
<div class="clock">
<div class="hand seconds"></div>
<div class="hand minutes"></div>
<div class="hand hours"></div>
</div>
</body>
</html>
[li]Beachten in dem Fall ist das HTML und kein PHP also meckert IP-Symcon zunächst Kein PHP Tag (<?) gefunden. Weiter?, was mit Ja beantwortet wird schließlich ist es HTML.[/li][li]Jetzt noch ein Hilfskript anlegen das uns die Variable beschreibt[/li]
$HTML = '<iframe src="http://192.168.55.120:3777/hook/clock/" border="0" frameborder="0" style= "width: 1000px; height: 450px;"/></iframe>';
SetValue(12345, $HTML);
[li] jetzt brauchen wir noch einen Webhook. Diesen also anlegen unter Kerninstanzen->Webhook und dort einen neuen Webhook anlegen in dem Beispiel clock[/li][li] Jetzt können wir über den Webhook die Uhr anzeigen, sowohl im Webfront als auch extern[/li][li] Der Vorteil ist das die Seite jetzt direkt als Skript in der Konsole liegt und dort auch bearbeitet werden kann[/li][/ul]
