Eigene WebFront Seite erstellen. IPS Anfänger

Hi,
bin IP-Symcon Anfänger und habe Schwierigkeiten mit der Darstellung einer eigenen Seite im WebFront.

Kann mir jemand ausführlich erklären wie ich eine eigene Visualisierungsseite öffnen kann.
Hab schon einige Screenshots im Forum gesehen so was möchte ich auch gerne haben.
Wenn ich das WebFront öffne kommt zurzeit die Standard Seite von ip-symcon diese möchte ich gegen meine html Seite austauschen. Wie mach ich das?
Und wie kann ich am einfachsten über eine Schaltfläche in meiner html Seite z.b. eine Steckdose des FS2o System EIN schalten und wieder AUS schalten? Bin leider auch ein PHP Anfänger.

Vielen Dank
MFG

Hallo Mad-Mike,

nichts ist leichter als das:

einfach im Modul „WebServer“ Dein HTML-File angeben und schon kannst Du Dich so richtig austoben …
Wir würden uns freuen, wenn Du Beispiele Deiner Seiten unter Screenshots vorstellst.

MST

Beispiel: IP-Symcon Web-Cam

<?
 function Show($val) {
  if($val) {
   return "ON";
  } else {
   return "OFF";
  }  
 } 
 
function getStatus($val) {
  if(GetValueBoolean($val)) {
   return "on";
  } else {
   return "off";
  }  
 } 

if(isset($action) && ($action=="dimmer")) {
	
SetValue(18537, GetValue(18537)+1 );
SetValue(26137, time());

  if(!isset($dimto)) {
   FS20_SwitchMode(55896, FALSE);
  } else { 
   FS20_SetIntensity(55896, (int)$dimto, 0);
   IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
  }
    
 } 

if(isset($action) && ($action=="hm_dimmer")) {
	
SetValue(18537, GetValue(18537)+1 );
SetValue(26137, time());
$id_aktor = 33426;
 
  if(!isset($dimto_hm)) {

HM_WriteValueFloat($id_aktor, "LEVEL" , 0);

  } else { 
 HM_WriteValueFloat($id_aktor, "LEVEL" ,$dimto_hm/100);
   IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
  }
    
 } 


if(isset($action)) {

if($action=="fs20_2"){
 	SetValue(33008, !GetValue(33008)); // Soll-Status-Toggeln
IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
}

if($action=="fs20_3"){
 	SetValue(35653, !GetValue(35653)); // Soll-Status-Toggeln
IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
}

if($action=="fs20_4"){
 	SetValue(38941, !GetValue(38941)); // Soll-Status-Toggeln
IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
}

if($action=="fs20_7"){
 	SetValue(27094, !GetValue(27094)); // Soll-Status-Toggeln
IPS_Sleep(2000); // warten bis Refresh für ein aktuelles Bild  > 2000 muss sein!
}

if($action=="fs20_8"){
 	SetValue(22617, !GetValue(22617)); // Soll-Status-Toggeln
IPS_Sleep(2000); // warten bis Refresh für ein aktuelles Bild  > 2000 muss sein!
}

if($action=="fs20_9"){
 	SetValue(17919, !GetValue(17919)); // Soll-Status-Toggeln
IPS_Sleep(2000); // warten bis Refresh für ein aktuelles Bild  > 2000 muss sein!
}

if($action=="fs20_10"){
 	SetValue(12073, !GetValue(12073)); // Soll-Status-Toggeln
IPS_Sleep(2000); // warten bis Refresh für ein aktuelles Bild  > 2000 muss sein!
}

if($action=="hm_1"){
 	SetValue(39309, !GetValue(39309)); // Soll-Status-Toggeln
IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
}
if($action=="hm_2"){
 	SetValue(28842, !GetValue(28842)); // Soll-Status-Toggeln
IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
}
if($action=="hm_3"){
 	SetValue(31223, !GetValue(31223)); // Soll-Status-Toggeln
IPS_Sleep(1500); // warten bis Refresh für ein aktuelles Bild
}


}

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>IP-Symcon Web-Cam</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<p><font color="#0000CC" size="5"><strong>Willkommen auf der</strong></font> <font size="5"><strong><font color="#0000CC" size="+3">Haus-Seite</font><font color="#0000CC"> von <font size="+3">IP-Symcon</font></font></strong></font></p>
<p><img src="http://<? echo $_REQUEST["HTTP_HOST"]; ?>:81/cgi-bin/image.jpg?imgprof=VGA&ts=<?php echo time(false); ?>"width="640" height="480" border="0"></p>
<p><strong>Das Bild wird alle 10 Sekunden neu von der WLAN-Kamera übertragen! Bitte <a href="webcam.php" target="_self">Refresh</a> klicken!</strong>
</p>
<p>Mit dem IP-Symcon Webinterface können Sie aus dem Büro oder vom
  Urlaubsort sehen, was im Haus<br> 
  passiert.Bleiben Sie im Bilde! Sie können auch das Bild per Mail verschicken, auf die Festplatte<br>
archivieren oder das Licht einschalten …<br>
Unsere Live-Test-Funktion ist von Sonnenuntergang bis Mitternacht verfügbar.<br>
0 bedeutet AUS und 1 bis 16 sind die Helligkeitsstufen (bitte nur 1*klicken und 2sec. warten)
<tr><td width=50%> </td>
<td valign=top align=right> </td>
</tr>
<tr>
<td colspan=2><p>
  Neuer Wert Außenbeleuchtung:
  <?php 
 // 20483 > Wach / Schlafen
 // 24934> Tageslicht 2= Tag
if ((GetValue(20483) == True) and (GetValue(24934) <> 2)) {
//echo "test";
	//echo "<a href=?action=dimmer>OFF</a> | ";
	for($i=0; $i<17; $i++) {
 		echo "<a href=?action=dimmer&dimto=$i>$i</a> ";
 	}
} else {
	echo "Wir schlafen schon ;-) oder es ist zu hell -> Funktion ist dann nicht verfügbar";
}

?></p>
<td colspan=2><p>
  Neuer Wert in der Ferien-Wohnung:
  <?php 
if ((GetValue(20483) == True) and (GetValue(24934) <> 2)) {
//echo "test";
	//echo "<a href=?action=dimmer>OFF</a> | ";
	for($i=0; $i<101; $i=$i+10) {
 		echo "<a href=?action=hm_dimmer&dimto_hm=$i>$i</a> ";
 	}
} else {
	echo "Wir schlafen schon ;-) oder es ist zu hell -> Funktion ist dann nicht verfügbar";
}

?></p>  </td>
</tr>
</body>
</html>