Seite 1 von 2
Gradzahlen in einem Bild
Verfasst: 01 Feb 2008 19:16
von Juergen
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
Verfasst: 01 Feb 2008 19:43
von weneu
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.
Verfasst: 01 Feb 2008 20:06
von Juergen
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
Verfasst: 01 Feb 2008 20:20
von Holli
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.
Verfasst: 01 Feb 2008 20:51
von Juergen
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
Verfasst: 01 Feb 2008 21:02
von joergeli
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:
Gruß
Jörg
Verfasst: 01 Feb 2008 22:17
von Holli
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 {position:relative;}
#wert1 {position:absolute; top:10px; left:10px;}
#wert2 {position:absolute; top:20px; left:20px;}
#wert3 {position:absolute; top:30px; left:30px;}
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.
Verfasst: 01 Feb 2008 22:32
von joergeli
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
Verfasst: 01 Feb 2008 23:39
von Holli
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.
Verfasst: 02 Feb 2008 10:51
von joergeli
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
Verfasst: 02 Feb 2008 11:39
von Juergen
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
Verfasst: 02 Feb 2008 11:49
von weneu
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.
Verfasst: 02 Feb 2008 12:40
von Juergen
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
Verfasst: 02 Feb 2008 12:46
von weneu
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.
Verfasst: 04 Feb 2008 10:10
von weneu
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.
