HTML aus Variable hinzufügen / Div. Fragen

Hallo Miteinander,

ich habe mich nun ca. 3h durch sämtliche Anleitungen, Threads und Videos geklickt und komme faktisch zu nichts.
Genau genommen, kann ich im Webfront der Pro-Version ausser mit dem Editor nichts wirklich machen.

Allerdings ist das ja nicht gerade das, was wirklich interessant ist - was mir fehlt bzw. was ich nicht hinbekomme:
(Geordnet nach Priorität)

  1. Hinzufügen von HTML (wird in eine Variable geschrieben, siehe hier: Jalousien nebeneinander im Webfront darstellen )

Wie kann ich das „irgendwo“ (z.b. im Split Pane) darstellen - ich möchte das für den Füllstand von 3 Heizöl-Tanks nehmen, sprich z.b. die Visualisierung, daneben die Füllmenge in Litern und unter den 3 Symbolen (jew. mit Text daneben) die Gesamtmenge und Prozentzahl.
Das Skript oben habe ich so umgebastelt, dass ich für einen Tank die Menge zeigen kann.
Allerdings schaffe ich es erstmal nicht von unten nach oben zu gehen, wie ein Füllstand, sondern nur von oben nach unten - wie ne Jalousie - HTML kann ich nochmals schlechter als PHP :slight_smile:
Jetzt bleibt auch noch die Frage, kann ich die Tanks auch nebeneinander darstellen, mit dem jew. Text - als Split-Pane wird das ja nicht so recht gehen oder?

Darstellung Webfront Fehler.PNG

  1. Ich habe für div. Räume jew. eine High, Mid und Low Temperatur vergeben, ein Skripte schaltet diese je nach Uhrzeit.
    Da es für verschiedene Schichten verschiedene Skripte gibt, werden diese von allen Skripten vor der Ausführung eingelesen.
    Im Webfront werden diese Variablen (Float) jew. dargestellt, sind aber nicht zu ändern - wie kann man direkt auf die Variablen einwirken, ohne die im IP-Symcon zu ändern?

  2. Wenn ich nun (was ich noch nicht habe) einzelne Seiten/Raum anlege, wie kann ich dort einzelne „Dinge“ darstellen - wenn ich das gesamte IP-Symcon darstellen lasse, sind ja dort die Thermostate / Räume untereinander, mit den Variablen, welche ich einblende.
    Wie kann ich da für einen Raum das „herauspicken“ was ich gerne hätte?

  3. „Mediengraphen“ - wenn ich einen Graph mit zwei Variablen will (das habe ich dann schon einmal heraus gefunden!) kann ich das über Medien erledigen.
    Wie kann ich das aber dann direkt als Graph im Split-Pane anzeigen lassen?
    Ich habe bisher nur die Möglichkeit gefunden, diesen in den „Hauptstrang“ zu verlinken.
    Da bekomme ich dann nur eine Zeile und am Ende das Graph-Symbol.

Für euch werden diese Fragen so dämlich wie nur möglich sein, ich habe mir aber einen Wolf gelesen und getestet und komme kein Stück weiter.
Schonmal vielen Dank für eure Hilfe!

Gruß,

Matthias

  1. Ich vermute dir fehlt ein wenig CSS zum Styling.
  2. Variablenprofile — IP-Symcon :: Automatisierungssoftware mit Skript (Aktion!)
  3. Links verwenden — IP-Symcon :: Automatisierungssoftware und dann im WebFront Konfigurator die Freigabe auf einen anderen Ordner ändern.
  4. Im Editor ein Graph Element hinzufügen und dann das Medien-Objekt auswählen. Ggf musst du es auf dem Media-Ordner in eine anderen Kategorie verschieben,

paresy

Danke!

Absolut - dazu dann noch die Sache mit von oben nach unten bzw. umgekehrt (habe den original-Beitrag akutalisiert)
Allerdings komme ich auch mit selfhtml etc nicht wirklich weiter - ich habe mal mit top / bottom etc rumgemurkst - letztenendes kommt aber max. keine weiße Füllung dabei raus.

Als Variablenprofil habe ich schon ~Temperature ausgewählt.
Die Frage wäre aber, was soll das Skript können / machen? (Könnte ja etwas schreiben, weiß nur überhaupt nicht was)
Sinnvoll wäre ja die Anzeige wie bei den „normalen“ Temperaturen für die Thermostate (kommen ja über Homematic-Variable irgendwie automatisch) mit den Buttons für einzelne Temperaturen.

Werde ich heute Abend testen!

Geht! Danke!!!
Wusste nicht, dass es auch dann als potentielle Auswahl bei Graph gezeigt wird.

Gruß,
Matthias

Skript mit nur dieser Zeile und dann korrekt als Aktionsskript verbinden:


SetValue($_IPS['VARIABLE'], $_IPS['VALUE']);

paresy

Temperature-Change.JPG
Keine Chance - wird zwar angezeigt, ich kann aber leider nichts ändern.
Bei einem Klick „dreht“ sich das Symbol links, aber die Variable bleibt gleich.

Du hast <? und ?> mit im Skript drin?

paresy

Mit und ohne getestet - zuerst mit, dann ohne.
Beides ohne Effekt.

Als Variablentyp habe ich jetzt ~HM.Temperature genommen, da es HM-Antriebe sind und somit schon alles korrekt eingestellt sein sollte (Schrittweite, min - max etc.).

Habe allerdings auch andere Typen (von Temperature) getestet.

…auch wenn ich grad gar nicht 100% blicke was jetzt wie nicht funktioniert oder wie gemacht ist, aber ich lasse das mal stehen :smiley:

Aktion-Skript für eine Variable um diese über das WebFront schalten zu können:

<?
if($_IPS["SENDER"] == "WebFront") {
    SetValue($_IPS["VARIABLE"], $_IPS["VALUE"]);
}
?>

MfG,
Chris

Bei mir funktioniert so einiges nicht - allerdings liegt davon wohl ein Großteil an mir - ich arbeite daran :wink:

Habe gerade mal das Webfront aus der Konsole neu gestartet, jetzt gehts :wink:

Zu 1.:

Inwiefern ist da mit CSS was gemeint - ich müsste das dann quasi irgendwie Programmieren oder wie soll das ablaufen?
(Nebeneinander mit Text anordnen)

Ich habe es mal mit dem Multi-Pane gemacht (auch wenn man nat. noch Breite etc. anordnen kann, siehts wirklich besch*** aus.

Naja, solange sich da niemand zu äußert bzw. ich zu doof bin das zu ändern:

Ich habe die Tage schon einmal ausgiebig gesucht und das gefunden:
Regenwasserzisterne: Füllstand visualisieren - (Post#1 - den Rest finde ich jetzt irgendwie nicht so schick) - da steht aber für Deppen wie ich es einer bin kein Code - hat da jemand was fertiges / umstrickbares?

Ich habe in dem Thread nichts geschrieben, da der von Ende '13 ist und wahrscheinlich keiner mehr antworten wird.

Gruß,

Matthias

Ich darf mal kurz OT werden :smiley:

Maeffjus…ich glaube du solltest nicht so viel auf einmal machen und auch bei deinen Posts dich auf ein Skript/ein Problem beschränken. Nicht immer schon die nächsten 3 Projekte mit einplanen und links und rechts und überall… Ist nicht bös gemeint, aber am Anfang lieber langsam und in kleinen Schritten und dann kann man dir auch leichter helfen, als bei so viel auf einmal und alles irgendwie etwas wirr und durcheinander :slight_smile:

Grüße,
Chris

Das ist auch nicht falsch, ich gebe dir auf jeden Fall recht - hatten wir schonmal oder? :slight_smile:

In manch anderem Forum wird man dann gekreuzigt, dafür einen weiteren Post zu eröffnen…
Also habe ich aus leidlicher Erfahrung hier immer alles mögliche zusammen gepackt.

Zudem habe ich auch meist so gepostet, wie sich die Probleme ergeben - aktuell hilft zum Beispiel hier:
„Schreibgeschwindikeit“ bzw. Schreibzyklus HM-CFG-LAN - Seite 3 niemand mehr zu dem 1. Problem (Schichtwahl) - das 2. ist gelöst.

Folge -> XA / UA habe ich auskommentiert in dem Schichtwahl-Skript und mache halt an etwas anderem weiter.

Heute kommt wahrscheinlich das Shield für den Arduino für die Tankmessung und da dachte ich, ne anständige Visualisierung wäre schon eine feiner Sache :wink:

Das Problem mit dem Helfen ist, dass man/ich nur richtig helfen kann, wenn ich verstehe was man von mir will :smiley: Und bei dir kommt das immer etwas „wirr/unübersichtlich“ rüber und da hab ich etwas Probleme mich reinzudenken/reinzufinden :smiley: …mag auch teilweise an meinen Medikamenten liegen :smiley:

Vlt. magst du in deinem anderen Thread nochmal deutlich dein Problem formulieren und irgendwie veranschaulichen und ich werde mal sehen was ich machen kann?! :slight_smile:

MfG,
Chris

Was soll ich denn sagen - in meinem Kopf ist es noch schlimmer :wink:

Spaß beiseite - ich habe da mit Sicherheit das ein oder andere Defizit bzgl. PHP usw.!
Habe in dem anderen Beitrag nochmal das Problem geschildert.
„Schreibgeschwindikeit“ bzw. Schreibzyklus HM-CFG-LAN - Seite 4

Zu dieser Sache hier - weiß denn jemand wie ich aus einer Integer-Variable (die Prozent-Zahl der Tankfüllung) einen einfachen Balken im Webfront „machen“ kann?

Da kann ich Dir vielleicht weiterhelfen?
In welche Richtung gehen Deine Vorstellungen?

<?

$prozent = GetValue(24967 /*[Versorgung\Heizöl\Öltanks\Öl Prozent]*/);

$bild = "
 <table border='0' cellpadding='0' cellspacing='0' widht='600' frame='void'>
   <tr>
      <td height=264 width=128 align='center' style='background-image:url(/user/Grafiken/t_links_o.png);' valign='bottom'>
      	<img src='/user/Grafiken/t_oel.png' width='93px' height='".$prozent*0.83."%'>
		</td>
      <td height=264 width=128 align='center' style='background-image:url(/user/Grafiken/t_mitte_o.png);' valign='bottom'>
      	<img src='/user/Grafiken/t_oel.png' width='93px' height='".$prozent*0.83."%'>
		</td>
      <td height=264 width=128 align='center' style='background-image:url(/user/Grafiken/t_rechts_o.png);' valign='bottom'>
      	<img src='/user/Grafiken/t_oel.png' width='93px' height='".$prozent*0.83."%'>
		</td>
    </tr>
    <tr>
      <td height=18 width=50 align='left' style='background-image:url(/user/Grafiken/t_links_u.png);'>
		<td height=18 width=50 align='left' style='background-image:url(/user/Grafiken/t_mitte_u.png);'>
		<td height=18 width=50 align='left' style='background-image:url(/user/Grafiken/t_rechts_u.png);'>
    </tr>
  </table>
";

$balken = "
	<div style='border:1px solid #FFFFFF; width:200px; height:30px; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto; text-align:left;'>
	<div style='background-color:#57007F; width:".$prozent."%;height:30px;' id='balken'></div>
	<div style='line-height:30px;margin-top:-30px;text-align:center'>
	<font size='3' color='#FFFFFF' face='Arial'>".$prozent."%</font></div></div>
	";


//Variablen schreiben
	SetValueString(18454 /*[Versorgung\Heizöl\Öltanks\Auswertung\Grafikausgabe\Bild]*/, $bild);
	SetValueString(31407 /*[Versorgung\Heizöl\Öltanks\Auswertung\Grafikausgabe\Balken]*/, $balken);

?>

Die Bilder im Anhand in das Verzeichnis webfront/user/Grafiken kopieren oderbei Bedarf im HTML-Code die Pfade anpassen.

bei background-image:url
bei img src=

PS.: Hab ich mir auch aus dem Post, den Du angegeben hast abgekupfert :smiley:

Gruß
Manfred

Grafiken.zip (4.96 KB)