Jalousien nebeneinander im Webfront darstellen

Wie ihr in der Anlage seht, sind die Jalousien(Fenster) untereinander dargestellt.
Ich hätte gerne die Fenter 1 … bis Fenster 5 nebeneinander dargestellt.
Die „Jalousie-West“ ist jeweils eine Siemens S7-Instanz, nur halt umbenannt.
Diese gibt mir über einen Zählwert die Jalousienposition.

Ist es überhaupt möglich, mehrere Instanzen in einer Zeile anzuzeigen?

mfg
cäsar

Moin…
schau Dir mal Split Panes in der Doku an. Damit sollte es klappen.
http://www.ip-symcon.de/service/dokumentation/komponenten/visualisierungen/webfront/struktur/splitpane/
Gruß,
Peter

Hi. Mal eine andere Frage. Wie hast du die tolle Darstellung der Jalousie hin bekommen?

Gesendet von meinem Nexus 5 mit Tapatalk

Sieht schonmal ganz gut aus, aber durch die Teilung gehen halt nur 2, 4, 6, 8 usw. Felder. Mit 5 gleichgroßen klappt’s leider nicht.

mfg
cäsar

Hä? Warum nicht? Ich hab 3 gleichgroße Felder! Das geht. Ein Splitpane machen. Dann hast den Schirm geteilt.
In das Linke Feld noch ein Splitpane… dann hast schon 3 Felder. Dann musst nur noch die Größe anpassen. Das sollte auch mit 5 funktionieren. Ausser dein Bildschirm wird zur Anzeige zu klein! :wink:

Gruß,
Peter

Ok, alles klar. Größe ändern war das Stichwort.

mfg
cäsar

Schade, dass auf meine Frage bezgl. der Darstellung der Rolladen nicht eingegangen worden ist. :confused:
Da ich die Idee aber gut fand, habe ich mich eben selbst dran gemacht. Das Ergebnis sieht nun so aus :D:

Geöffnet Halb geschlossen Geschlossen
![ShutterOpened.png 224x216](upload://qHq1mR3VMvNNi4VBAVbLjG65VtJ.png) ![ShutterHalf.png

Der passende Code dazu:


// Wohnzimmer
define ('ID_WOHNZIMMER_VITRUAL_SHUTTER',  24644 /*[Ansicht\Räume\Wohnen\Rolladen\Position]*/ );
define ('ID_WOHNZIMMER_POSITION', 	    41187 /*[Program\IPSLibrary\data\modules\IPSShadowing\Devices\Device1\Position]*/ );

// Schlafzimmer
define ('ID_SCHLAFZIMMER_VITRUAL_SHUTTER',44681 /*[Ansicht\Räume\Schlafen\Rolladen\Position]*/ );
define ('ID_SCHLAFZIMMER_POSITION', 	  54649 /*[Program\IPSLibrary\data\modules\IPSShadowing\Devices\Device2\Position]*/ );

// Kinderzimmer
define ('ID_KINDERZIMMER_VITRUAL_SHUTTER',30769 /*[Ansicht\Räume\Kinderzimmer\Rollanden\Position]*/ );
define ('ID_KINDERZIMMER_POSITION', 	  18350 /*[Program\IPSLibrary\data\modules\IPSShadowing\Devices\Device3\Position]*/ );

$rooms[] = array('name' 	  => 'Wohnzimmer',
				 'id_postion' => ID_WOHNZIMMER_POSITION,
				 'id_shutter' => ID_WOHNZIMMER_VITRUAL_SHUTTER);

$rooms[] = array('name' 	  => 'Kinderzimmer',
				 'id_postion' => ID_SCHLAFZIMMER_POSITION,
				 'id_shutter' => ID_SCHLAFZIMMER_VITRUAL_SHUTTER);

$rooms[] = array('name' 	  => 'Kinderzimmer',
				' id_postion' => ID_KINDERZIMMER_POSITION,
				 'id_shutter' => ID_KINDERZIMMER_VITRUAL_SHUTTER);

//if ($_IPS['SENDER'] == "Variable") {  // zu Testzwecken auskommentiert
	foreach ($rooms as $room) {
		$position = GetValue($room['id_postion']);
		$htmlBoxContent = '<div style="width:80px;height:102px;border:1px solid #cccccc;text-align:center;position:relative;">
								<div style="width:100%;height:'.$position.'%;background-color:#CCCCCC;background-image:linear-gradient(0deg, rgba(255, 255, 255, 0.9) 90%, rgba(0, 0, 0, 0) 10%);background-size: 6px 6px;z-index:-1"></div>
								<div style="color:#848484;width:80px;height:102px;position:absolute;top:0px;line-height:102px;text-align:center;vertical-align:middle; display:table-cell;z-index:2">'.$position.'%</div>
						   </div>';

	    SetValueString($room['id_shutter'], $htmlBoxContent);
	}
//}

Super danke, das ist ja ein klasse Script!
Das werde ich auf jeden Fall einsetzen!

Jetzt müsste nur noch eine Funktion rein mit der man durch Klick auf den oberen oder unteren Bereich der Grafik den Rollladen betätigen bzw. mit einem zweiten stoppen könnte.

Ich weiß leider nicht, wie ich mit einem Klick auf einen Link (in diesem Fall auf einen onClick) einen Befehl in IPS ausführen kann. Kann da jemand helfen? Paresy vielleicht?

help.png


<div style="width:80px;height:102px;border:1px solid #cccccc;text-align:center;position:relative;">
	<div style="width:100%;height:20px;position:absolute;top:0px;z-index:2;cursor:pointer;" onClick="commandUp">∧</div>
	<div style="width:100%;height:20px;position:absolute;margin:50% auto;z-index:2;cursor:pointer;" onClick="commandStop"></div>
	<div style="width:100%;height:80%;background-color:#FFFFFF;background-image:linear-gradient(0deg, rgba(255, 255, 255, 0.9) 15%, rgba(0, 0, 0, 0) 85%);background-size: 6px 6px; ;position:absolute;top:0px;z-index:-1"></div>
	<div style="width:80px;height:102px; text-align:center;vertical-align:middle;display:table-cell;z-index:1">80%</div>
	<div style="width:100%;height:20px;position:absolute;bottom: 0px;z-index:2;cursor:pointer;" onClick="commandDown">∨</div>
</div>

help.png

Mach sowas doch mit Jquery bzw. Ajax scripten die du im Webfront/user Verzeichnis speicherst.
Hab leider grade kein beispiel zur Hand da noch bei den Schwiegereltern im Urlaub :slight_smile:

Hallo jevic

Kannst du Bitte den HTML Code vom Screenshot publizieren/sichtbar machen!

DANKE

Hi,

den HTML Code findest du im Code in der Variable $htmlBoxContent

Gesendet von meinem Nexus 5 mit Tapatalk

Hi, ich meine die 3 div’s mit ‚oncklick‘…

Danke

Gesendet von meinem iPhone mit Tapatalk

Hi,

sorry, habe ich jetzt meinem Beitrag hinzugefügt.

Hallo jevico

Basierend auf deiner Idee habe ich jetzt meine Raffstores und Rollläden visualisiert!

Screenshot:

Screen Video unter GoogleDrive Freigabe oder https://www.facebook.com/photo.php?v=10201949793171890

Mit folgenden PHP Funktion erzeuge ich mir den nötigen HTML-Code …


function BeschattungAll($htmlIdEG,$htmlIdOG) {

	$html = "<table cellspacing='5'>";
	$html .= "<tr>";
	$html .= "<td>";
	$html .= BeschattungOG();
	$html .= "</td>";
	$html .= "</tr>";
	$html .= "<tr>";
	$html .= "<td>";
	$html .= BeschattungEG();
	$html .= "</td>";
	$html .= "</tr>";
	$html .= "</table>";
	return $html;
}

function BeschattungEG() {

	$width = 100;
	$height = 235;

	$html = "<style type='text/css'>
				<!--
				table {border: 0px solid gray;}
				td.Beschattung {text-align:center; vertical-align:top; color:#E0E0E0; padding-left:10px; padding-right:10px }
				td.action {background-color:transparent;}
				td.action:hover {background-color:yellow;}
				-->
				</style>";
				
	$html .= "<table cellspacing='5'>";
	$html .= "<tr>";
	$html .= "<td style='width:50px;height:235px;vertical-align:middle;background-color:#222222;border:0px solid #CECECE;'>";

	$html .= "<table style='width:100%;height:100%;'>";
	$html .= "<tr><td style='height:40%;vertical-align:top;    text-align:center;cursor:pointer;border:0px solid #CECECE;' title='Down' class='action' " 						. GetOnClickFunction("EG", "up")   ."> <td></tr>";
	$html .= "<tr><td style='height:20%;vertical-align:middle; text-align:center;cursor:pointer;border:0px solid #CECECE;font-size:22px;' title='Down' class='action' " 	. GetOnClickFunction("EG", "my")   .">EG<td></tr>";
	$html .= "<tr><td style='height:40%;vertical-align:top;    text-align:center;cursor:pointer;border:0px solid #CECECE;' title='Down' class='action' " 						. GetOnClickFunction("EG", "down") ."> <td></tr>";
	$html .= "</tr>";
	$html .= "</table>";

	$html .= "</td>";
	$html .= "<td>";
	
	$html .= "<table cellspacing='5'>";
	$html .= "<tr>";
	$html .= "<td class='Beschattung'>";
	$html .= Rollladen("Küche","EG-Kueche",$width, $height/2);
	$html .= "</td>";
	$html .= "<td width=2px></td>";
	$html .= "<td class='Beschattung'>";
	$html .= Raffstore("WZ 1", "EG-WZ1", $width, $height);
	$html .= "</td>";
	$html .= "<td class='Beschattung'>";
	$html .= Raffstore("WZ 2", "EG-WZ2", $width*3.5, $height);
	$html .= "</td>";
	$html .= "<td class='Beschattung'>";
	$html .= Raffstore("WZ 3", "EG-WZ3", $width, $height);
	$html .= "</td>";
	$html .= "<td class='Beschattung'>";
	$html .= Raffstore("WZ 4", "EG-WZ4", $width, $height);
	$html .= "</td>";
	$html .= "</tr>";
	$html .= "</table>";

	$html .= "</td>";
	$html .= "</tr>";
	$html .= "</table>";

	
	return $html;
}

function BeschattungOG() {

	$width = 100;
	$height = 235;
	
	$html = "<style type='text/css'>
				<!--
				table {border: 0px solid gray;}
				td.Beschattung {text-align:center; vertical-align:top; color:#E0E0E0; padding-left:10px; padding-right:10px }
				td.action {background-color:transparent;}
				td.action:hover {background-color:yellow;}
				-->
				</style>";
	$html .= "<table cellspacing='5'>";
	$html .= "<tr>";
	$html .= "<td style='width:50px;height:235px;vertical-align:middle;background-color:#222222;border:0px solid #CECECE;'>";

	$html .= "<table style='width:100%;height:100%;'>";
	$html .= "<tr><td style='height:40%;vertical-align:top;    text-align:center;cursor:pointer;border:0px solid #CECECE;' title='Down' class='action' " 						. GetOnClickFunction("OG", "up")   ."> <td></tr>";
	$html .= "<tr><td style='height:20%;vertical-align:middle; text-align:center;cursor:pointer;border:0px solid #CECECE;font-size:22px;' title='Down' class='action' "  . GetOnClickFunction("OG", "my")   .">OG<td></tr>";
	$html .= "<tr><td style='height:40%;vertical-align:top;    text-align:center;cursor:pointer;border:0px solid #CECECE;' title='Down' class='action'" 						. GetOnClickFunction("OG", "down") ."> <td></tr>";
	$html .= "</tr>";
	$html .= "</table>";

	$html .= "</td>";
	$html .= "<td>";

	$html .= "<table cellspacing='5'>";
	$html .= "<tr>";
	$html .= "<td class='Beschattung'>";
	$html .= Rollladen("Bad", "OG-Bad", $width, $height);
	$html .= "</td>";
	$html .= "<td width=2px></td>";
	$html .= "<td class='Beschattung'>";
	$html .= Rollladen("SZ 1","OG-SZ1", $width, $height);
	$html .= "</td>";
	$html .= "<td class='Beschattung'>";
	$html .= Rollladen("SZ 2","OG-SZ2", $width, $height);
	$html .= "</td>";
	$html .= "<td width=2px></td>";
	$html .= "<td class='Beschattung'>";
	$html .= Rollladen("Büro 1","OG-Buero1", $width, $height);
	$html .= "</td>";
	$html .= "<td class='Beschattung'>";
	$html .= Rollladen("Büro 2","OG-Buero2", $width, $height);
	$html .= "</td>";
	$html .= "<td width=2px></td>";
	$html .= "<td class='Beschattung'>";
	$html .= Rollladen("GZ", "OG-GZ", $width, $height);
	$html .= "</td>";
	$html .= "</tr>";
	$html .= "</table>";
	
	$html .= "</td>";
	$html .= "</tr>";
	$html .= "</table>";
	
	return $html;
}


function Raffstore($name,$objName,$windowWidth,$windowHeight) {

	switch($objName) {
	   case "EG-WZ1":
		   $level = GetValueFloat(49984 /*[Schnittstellen\RS-485 / Modbus\Somfy RS485 Transmitter\EG - Raffstore 1]*/);
			break;
	   case "EG-WZ2":
		   $level = GetValueFloat(23003 /*[Schnittstellen\RS-485 / Modbus\Somfy RS485 Transmitter\EG - Raffstore 2]*/);
			break;
	   case "EG-WZ3":
		   $level = GetValueFloat(45472 /*[Schnittstellen\RS-485 / Modbus\Somfy RS485 Transmitter\EG - Raffstore 3]*/);
			break;
	   case "EG-WZ4":
		   $level = GetValueFloat(41770 /*[Schnittstellen\RS-485 / Modbus\Somfy RS485 Transmitter\EG - Raffstore 4]*/);
			break;
		default:
			$level = -0.1;
		   break;
	}
	return GetVisualization("Rollladen",$name,$objName,$windowWidth,$windowHeight,$level);
}

function Rollladen($name,$objName,$windowWidth,$windowHeight) {

	switch($objName) {
	   case "EG-Kueche":
		   $level = GetValueFloat(45459 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\EG\EG Küche - Rolladen\LEVEL]*/);
			IPS_LogMessage($objName,$level);
			break;
	   case "OG-Bad":
		   $level = GetValueFloat(40010 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\OG - Bad\OG Bad - Rolladen\LEVEL]*/);
			IPS_LogMessage($objName,$level);
			break;
	   case "OG-SZ1":
		   $level = GetValueFloat(18761 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\OG - Schlafzimmer\OG Schlafzimmer - Rolladen 1\LEVEL]*/);
			break;
	   case "OG-SZ2":
		   $level = GetValueFloat(34565 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\OG - Schlafzimmer\OG Schlafzimmer - Rolladen 2\LEVEL]*/);
			break;
	   case "OG-Buero1":
		   $level = GetValueFloat(51528 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\OG - Büro\OG Büro - Rolladen 1\LEVEL]*/);
			break;
	   case "OG-Buero2":
		   $level = GetValueFloat(30548 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\OG - Büro\OG Büro - Rolladen 2\LEVEL]*/);
			break;
	   case "OG-GZ":
		   $level = GetValueFloat(20653 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\OG - Gästezimmer\OG Gästezimmer - Rolladen\LEVEL]*/);
			break;
		default:
			$level = -0.1;
		   break;
	}

	return GetVisualization("Raffstore",$name,$objName,$windowWidth,$windowHeight,$level);
}

function GetVisualization($typ,$name,$objName,$windowWidth,$windowHeight,$level) {

	$level = $level*-100 + 100;  //level 0 = 100%, 0.1 = 90%, 0.2=80%, .... 1=0%

	if($level==0) {
   	$levelTxt = "geöffnet";
	} else if($level == 100) {
		$levelTxt = "geschlossen";
	} else {
   	$levelTxt = ""; //$level . " %";
	}

	if($level > 50) { $custProzent = "#2D2D2D;"; } else { $custProzent = "#cccccc;"; }

	if($level > 4)  { $upColor = "#2D2D2D"; } else { $upColor = "DFDFDF"; }
	if($level > 95) { $downColor = "#2D2D2D"; } else { $downColor = "DFDFDF"; }

	$html = $name .'
	<div style="width:'.$windowWidth.'px;height:'.$windowHeight.'px;border:3px solid #cccccc;text-align:center;position:relative;z-index:1;">
	<table style="width:100%;height:100%;" border=0>
	 <tr><td style="height:40%;vertical-align:top;   text-align:center;cursor:pointer;color:'. $upColor     .';" ' . GetOnClickFunction($objName, "up")   .'color:'. $upColor .' title="Up" class="action"><b>∧</b></td></tr>
	 <tr><td style="height:20%;vertical-align:middle;text-align:center;cursor:move;   color:'. $custProzent .';" ' . GetOnClickFunction($objName, "my")   .'color:'. $custProzent .' title="My" class="action">'.$level.'%</td></tr>
	 <tr><td style="height:40%;vertical-align:bottom;text-align:center;cursor:pointer;color:'. $downColor   .';" ' . GetOnClickFunction($objName, "down") .'color:'. $upColor .' title="Down" class="action"><b>∨</b></td></tr></table>
	<div style="width:100%;height:'.$level.'%;position:absolute;top:0px;background-color:#CCCCCC;background-image:linear-gradient(0deg, rgba(255, 255, 255, 0.9) 15%, rgba(0, 0, 0, 0) 85%);background-size: 6px 6px;z-index:-1;"></div>
	</div>
	<div style="width:100%;height:20px;position:relative;top:0px;font-size:10pt;border:0px solid #CECECE;z-index:1;">'.$levelTxt.'</div>';
	return $html;
}

function GetOnClickFunction($objName, $action) {
	return 'onClick="window.xhrGet=function xhrGet(o) { var HTTP = new XMLHttpRequest(); HTTP.open(\'GET\',o.url,true); HTTP.send(); }; window.xhrGet({ url: \'user/xhrGet/Beschattung.php?objName='.$objName.'&action='.$action.'\' })";';
}


Zwei Update Skripte welche durch die entsprechenden Ereignisse getriggert werden aktualisieren die Visualisierung.

Mit diesem PHP Skirpt ‚IP-Symcon\webfront\user\xhrGet\Beschattung.php‘ werden die ‚onClick‘ Aktionen ausgewertet und weiterverarbeitet!


<?
include(IPS_GetScript(42800 /*[System\Script Library\Common Lib\Common-Lib]*/)['ScriptFile']);
include(IPS_GetScript(50788 /*[Schnittstellen\HomeMatic\Aktoren\Funk-Rollladen [HM-LC-Bl1-FM]\HomeMatic-Rolladensteuerung]*/)['ScriptFile']);
include(IPS_GetScript(34105 /*[Schnittstellen\RS-485 / Modbus\Somfy RS485 Transmitter\Somfy RTS Transmitter]*/)['ScriptFile']);

isset($_SERVER['QUERY_STRING']) 	? $queryString = $_SERVER['QUERY_STRING'] : $queryString = null;
isset($_GET['objName']) 	  		? $objName     = $_GET['objName']      	: $objName 	  	= null;
isset($_GET['action'])  	  		? $action  	  	= $_GET['action']       	: $action		= null;


IPS_LogMessage("xhrGet-Beschattung","objName: " . $objName . " || action: " . $action);

	if(isset($_IPS['CONFIGURATOR'])) {

		$WebFrontConfigurationId = $_IPS['CONFIGURATOR'];

		IPS_LogMessage("xhrGet-Beschattung","ConfiguratorId: " . $WebFrontConfigurationId);
		if ($WebFrontConfigurationId == 30984 /*[PG]*/) {
		
		} else {
		}
	} else {
			IPS_LogMessage("xhrGet-Beschattung","ConfiguratorId: null");
	}


switch($objName) {
	case "EG-Kueche":
	   if($action == "up") { Rolladen("EG-Kueche",1); } else if ($action == "down") { Rolladen("EG-Kueche",0); } else { Rolladen("EG-Kueche",0.6); }
	break;
	case "OG-Bad":
	   if($action == "up") { Rolladen("OG-Bad",1); } else if ($action == "down") { Rolladen("OG-Bad",0); } else { Rolladen("OG-Bad",0.6); }
	break;
	case "OG-SZ1":
	   if($action == "up") { Rolladen("OG-SZ1",1); } else if ($action == "down") { Rolladen("OG-SZ1",0); } else { Rolladen("OG-SZ1",0.6); }
	break;
	case "OG-SZ2":
	   if($action == "up") { Rolladen("OG-SZ2",1); } else if ($action == "down") { Rolladen("OG-SZ2",0); } else { Rolladen("OG-SZ2",0.6); }
	break;
	case "OG-Buero1":
	   if($action == "up") { Rolladen("OG-Buero1",1); } else if ($action == "down") { Rolladen("OG-Buero1",0); } else { Rolladen("OG-Buero1",0.6); }
	break;
	case "OG-Buero2":
	   if($action == "up") { Rolladen("OG-Buero2",1); } else if ($action == "down") { Rolladen("OG-Buero2",0); } else { Rolladen("OG-Buero2",0.6); }
	break;
	case "OG-GZ":
	   if($action == "up") { Rolladen("OG-GZ",1); } else if ($action == "down") { Rolladen("OG-GZ",0); } else { Rolladen("OG-GZ",0.6); }
	break;
	case "EG-WZ1":
	   if($action == "up") { SomfyRTS(1,cOpen); } else if ($action == "down") { SomfyRTS(1,cClose); } else { SomfyRTS(1,cMy); }
	break;
	case "EG-WZ2":
	   if($action == "up") { SomfyRTS(2,cOpen); } else if ($action == "down") { SomfyRTS(2,cClose); } else { SomfyRTS(2,cMy); }
	break;
	case "EG-WZ3":
	   if($action == "up") { SomfyRTS(3,cOpen); } else if ($action == "down") { SomfyRTS(3,cClose); } else { SomfyRTS(3,cMy); }
	break;
	case "EG-WZ4":
	   if($action == "up") { SomfyRTS(4,cOpen); } else if ($action == "down") { SomfyRTS(4,cClose); } else { SomfyRTS(4,cMy); }
	break;
	case "EG":
		if($action == "up") {
			Rolladen("EG-Kueche",1);
			SomfyRTS(1,cOpen);
			IPS_Sleep(2500);
			SomfyRTS(2,cOpen);
			IPS_Sleep(2500);
			SomfyRTS(3,cOpen);
			IPS_Sleep(2500);
			SomfyRTS(4,cOpen);
		} else if ($action == "down") {
			Rolladen("EG-Kueche",0);
			SomfyRTS(1,cClose);
			IPS_Sleep(2500);
			SomfyRTS(2,cClose);
			IPS_Sleep(2500);
			SomfyRTS(3,cClose);
			IPS_Sleep(2500);
			SomfyRTS(4,cClose);
		} else {
			Rolladen("EG-Kueche",0.6);
			SomfyRTS(1,cMy);
			IPS_Sleep(2500);
			SomfyRTS(2,cMy);
			IPS_Sleep(2500);
			SomfyRTS(3,cMy);
			IPS_Sleep(2500);
			SomfyRTS(4,cMy);
		}
	break;
	case "OG":
		if($action == "up") {
			Rolladen("OG-Bad",1);
			Rolladen("OG-SZ1",1);
			Rolladen("OG-SZ2",1);
			Rolladen("OG-Buero1",1);
			Rolladen("OG-Buero2",1);
			Rolladen("OG-GZ",1);
		} else if ($action == "down") {
			Rolladen("OG-Bad",0);
			Rolladen("OG-SZ1",0);
			Rolladen("OG-SZ2",0);
			Rolladen("OG-Buero1",0);
			Rolladen("OG-Buero2",0);
			Rolladen("OG-GZ",0);
		} else {
			Rolladen("OG-Bad",0.6);
			Rolladen("OG-SZ1",0.6);
			Rolladen("OG-SZ2",0.6);
			Rolladen("OG-Buero1",0.6);
			Rolladen("OG-Buero2",0.6);
			Rolladen("OG-GZ",0.6);
		}
	break;
	default:
		IPSLog_Warning(__file__,"xhrGet > objName '" . $objName . "' not found [QueryString: " . $queryString  . "]");
	   break;
}

?>


Sieht sehr gut aus. Sobald ich etwas Zeit habe, werde ich deine Scripte mal bei mir übernehmen. Danke dafür!

die Visu sieht ja super aus
kann einer mal eine photo machen wie das in der Mobilen Version aussieht in ios oder Android
ist es da auch brauchbar?

gruss Roman

Da es eine HtmlBox ist, sieht man die Visualisierung in einen Popup.
Aber ansonsten sieht es prinzipiell erst einmal genau so aus wie im WebFront.

danke
sieht echt cool aus
ich hoffe auf den iphone kommt das auch so ich weiss nicht ob da popup ohne weiteres geht
werds mal ausprobieren

Hallo Leute,

eine tolle Idee!

Ich versuche das gerade auf meine Bedürfnisse anzupassen. Dabei geht es um die Garagentore.

Dazu zei Fragen:

  1. Kann man die Grafik innerhalb eines Splitpanes automatisch mittig anzeigen? (jetzt ist es ja linksbündig innerhalb der HTML-Box…)

  2. Da ich aus ganz offen, undefiniert und ganz zu keine aktuellen Positionen übermittelt bekomme, habe ich die Zeit gemessen die das Tor benötigt. Mir fehlt leider eine Idee, wie ich nach dem Start des Vorgangs per Trigger die Fahrzeit visualisiere. Hat jemand so etwas schon mal gemacht?

Joachim