Gradzahlen in einem Bild

Juergen · Beitrag von **Juergen** » 01 Feb 2008 19:16

Hallo zusammen,ich möchte aus drei Temperatur Sensoren S 2001 IA
jeweils die drei Gradzahlen (komen aus der Solaranlage:Vorlauf,Rücklauf und Kessel) in ein bestimmtes Bild bekommen.Diese Gradzahlen sollten dann immer automatisch nach dem sich WSWIN aktualisiert in dieses bestimmte Bild einspielt werden.Wer von Euch weis es bzw. hätte für mich einen Tipp.Schon mal Danke im vorraus für die Mühe.Danke Gruss Juergen

Beitrag von **weneu** » 01 Feb 2008 19:43

Hallo,

in ein bestimmtes Bild bekommen.

Das müsstest Du präzisieren, denn darunter kann man sich zunächst nichts genaues vorstellen. Zumindest ich nicht.

Ich könnte mir lediglich vorstellen, dass Du eine html-Datei erzeugst, in der eben die 3 Werte (aus den entsprechenden Variablen gewonnen) eingebettet werden.

Juergen · Beitrag von **Juergen** » 01 Feb 2008 20:06

Hallo Werner,erstmal danke fuer deine antwort.ich glaube du hast es schon verstanden was ich meine.es kommt der sache schon sehr nahe.
unter dem link kannst du dir das bild ansehen was und wie ich es meine.

http://www.wettergrevenbroich-süd.de/bi ... selneu.jpg

dort stehen die 40 C im kessel und beim vor bzw rücklauf 35 C und die 30 C.diese werte meine ich.wie komme ich dazu diese werte aus wswin in dieses bild zu transportieren.wie kann ich diese variablen gewinnen und sie in das bild einbauen auf der homepage.vielen dank.gruss juergen

Holli · Beitrag von **Holli** » 01 Feb 2008 20:20

3 unterschiedliche Ansätze:

- HTML, Positionierung mit CSS
- Serious Samurize erzeugt die gesamte Anzeige als ein Bild
- Flash mit Gauge kann das ganze sogar animiert zeigen.

Google verrät mehr über diese Themen.

Juergen · Beitrag von **Juergen** » 01 Feb 2008 20:51

hallo holli,vielen dank für deine tipps.Das scheint aber sehr kompliziert zu sein die ganze sache.ich weis nicht ob ich das hin bekomme.kann man sowas nachlesen auf einer bestimmten seite ?was wäre von den drei sachen das einfachste?danke gruss juergen

joergeli · Beitrag von **joergeli** » 01 Feb 2008 21:02

3 unterschiedliche Ansätze:

- HTML, Positionierung mit CSS
- Serious Samurize erzeugt die gesamte Anzeige als ein Bild
- Flash mit Gauge kann das ganze sogar animiert zeigen.

Wobei meines Erachtens der erste Vorschlag am einfachsten zu realisieren wäre.

Man könnte aber auch mit 2 HTML-Tabellen arbeiten:
Eine große Tabelle mit nur einer Zelle, die als Hintergrund das Kessel-Bild enthält.
Dann packt man eine zweite Tabelle in die erste und platziert
die Gradzahlen durch geschickte Wahl von Zeilenhöhe und Spaltenbreite.
Im Anschluß macht man mit border="0" die Linien der einzelnen Zellen unsichtbar.

So in etwa:
Bild

Gruß
Jörg

Holli · Beitrag von **Holli** » 01 Feb 2008 22:17

joergeli hat geschrieben:Man könnte aber auch mit 2 HTML-Tabellen arbeiten:
Eine große Tabelle mit nur einer Zelle, die als Hintergrund das Kessel-Bild enthält.
Dann packt man eine zweite Tabelle in die erste und platziert
die Gradzahlen durch geschickte Wahl von Zeilenhöhe und Spaltenbreite.
Im Anschluß macht man mit border="0" die Linien der einzelnen Zellen unsichtbar.

So in etwa:

Viiiel zu kompliziert. Man packt das Bild als img in ein Div und gibt dem Div die Eigenschaft position:relative; Damit ist die linke obere Ecke dieses Divs Bezugspunkt für absolut positionierte Elemente innerhalb davon.

Die Werte packt man in 3 Divs innerhalb des Divs, in dem auch das Bild liegt. Sie bekommen die CSS Eigenschaft position:absolute;
Mit top:yypx; und left:yypx; schiebt man sie alle dahin, wo man sie gern hätte.

So müßte das im Prinzip aussehen:

Code: Alles auswählen

<html>
<head>
<link rel="stylesheet" href="position.css" type="text/css" />
</head>
<body>
<div id="bild">
<img src="Schemabild">
<div id="wert1">Wert1</div>
<div id="wert2">Wert2</div>
<div id="wert3">Wert3</div>
</div>
</body>
</html>

Das CSS dazu (position.css):

Code: Alles auswählen

#bild &#123;position&#58;relative;&#125;
#wert1 &#123;position&#58;absolute; top&#58;10px; left&#58;10px;&#125;
#wert2 &#123;position&#58;absolute; top&#58;20px; left&#58;20px;&#125;
#wert3 &#123;position&#58;absolute; top&#58;30px; left&#58;30px;&#125;

top und left müssen jeweils so angepaßt werden, das die Zahlen an der gewünschten Position stehen. Keine Frickelei mit der Höhe und Breite von Tabellenzellen, und wenn das Schemabild mal ein anderes sein soll, hat man die Zahlen ganz schnell wieder an die richtige Stelle gerückt.

joergeli · Beitrag von **joergeli** » 01 Feb 2008 22:32

Keine Frickelei mit der Höhe und Breite von Tabellenzellen, und wenn das Schemabild mal ein anderes sein soll, hat man die Zahlen ganz schnell wieder an die richtige Stelle gerückt.

... wenn man sich mit Stylesheets und CSS auskennt

Ich muß wohl doch mal bei http://de.selfhtml.org/css/index.htm vorbeischauen

Gruß
Jörg

Holli · Beitrag von **Holli** » 01 Feb 2008 23:39

joergeli hat geschrieben:... wenn man sich mit Stylesheets und CSS auskennt

Grundkenntnisse braucht man. Solche simplen Sachen bekommt man ohne die nötigen Zusammenhänge nicht hin. Aber wenn die Grundkenntnisse einmal da sind, ergibt sich der Rest von allein.

Mal ehrlich: Sieht das kompliziert aus? Ich finde das mit einer Tabelle viel chaotischer und unüberschaubarer.

joergeli · Beitrag von **joergeli** » 02 Feb 2008 10:51

Hallo Dietmar,

hast schon recht, wenn ich mir Deinen Code anschaue.
Ist nicht schwer zu durchblicken.

Als ich mich das letzte Mal ( in jungen Jahren

) mit HTML beschäftigt hatte, gab's noch keine Stylesheets.
Bin erst wieder in Kontakt mit HTML gekommen, als ich meine Wetterseite erstellt habe
und habe dann auf die Kenntnisse zurückgegriffen, die noch im Hinterkopf schlummerten

Gruß
Jörg

Juergen · Beitrag von **Juergen** » 02 Feb 2008 11:39

Hallo zusammen,erstmal vielen dank für die vielen vorschläge.aber ihr hab es mit einem etwas bessern anfänger zu tun.das was ihr alles da beschreibt hört sich alles sehr profihaft an.will erst mal schritt fuer schritt mich daran tasten.würde erst mal gerne die gradzahlen von wswin in meine homepage(spez.seite) wo später der kessel abgebildet ist hinbekommen.wie kann ich das hinbekommen und was muss ich dafuer alles machen.danke gruss juergen

Beitrag von **weneu** » 02 Feb 2008 11:49

Hallo Jurgen,
die Frage ist zunächst, ob Dir der Begriff "benutzerdefinierte Datei" etwas sagt.
Wenn ja, dann musst Du folgendes machen:
Du lässt von WSWIN eine html-Datei erstellen, in die Du eben Deine 3 Temperaturvariablen (ich nehme jetzt mal an von %curval[2]% bis %curval[4]% (am besten in einer Tabelle) einbaust.
Das ist alles.

Juergen · Beitrag von **Juergen** » 02 Feb 2008 12:40

hallo werner,hab zwar schon etwas gelesen in dem kapitel aber so richtig kenne ich mich damit nicht aus.weis nicht wie ich so richtig vorgehen muss.die reihenfolge und die ausführung ist mir unklar.gruss juergen

Beitrag von **weneu** » 02 Feb 2008 12:46

Hallo Jurgen,
sende mir mal eine Mail an w.neudeck@web.de mit Betreff "Temperatur"
Bitte mitsenden: die wswin.cfg, die Monatsdatei vom Februar und wenn Du sie benutzt, die custom.txt.
Dann greife ich Dir mal etwas unter die Arme. Ich mache dies (was ich sonst nicht so gern tue) außerhalb des Forums, weil ich nicht glaube, dass es für andere User von Interesse ist.

Beitrag von **weneu** » 04 Feb 2008 10:10

Hallo für die Mitleser,
habe jetzt für Jürgen eine Lösung nach dem "Muster-Holli" gebaut, sprich mit css
Warum ich dies hier schreibe, hat aber einen anderen Grund:
Offensichtlich wurden durch den Emailversand (ist mir schon zweimal bei Anhängen passiert) die Dateien vom Zeichensatz her verändert, so dass sie nicht mehr lauffähig waren. Ich habe sie dann auf meinen Webspace hochgeladen und von dort laden lassen, da ging es natürlich.
Falls also jemand mal ein ähnliches Problem hat, weiß er, woran es liegen kann.