Autor |
Nachricht |
Tixi-Support
|
Verfasst: Fr Mai 19, 2006 2:02 pm |
|
Registriert: Mo Jul 11, 2005 5:50 pm Beiträge: 1351 Wohnort: Berlin
|
Wir haben noch eine weitere Lösung für eine Pegelanzeige, bei der sogar der Nullwert problemlos funktioniert.
Man nehme eine farbige 1x1 Pixel große Grafik (z.B. "blue.jpg").
Diese Grafik fügt man im HTML-Code ein, setzt die Breite der Pegelanzeige auf einen festen Wert, und verknüpft die Höhe mit der zu überwachenden Variable:
<BODY>
<img src="blue.jpg" width="20" height="®/Process/MB/A/AI/P0">
</BODY>
Das ganze funktioniert natürlich auch als horizontaler Balken:
<BODY>
<img src="blue.jpg" width="®/Process/MB/A/AI/P0" height="20">
</BODY>
Beispieldateien in unserer aktualisierten WebTemplates.zip.
_________________ Tixi Support Team
E-Mail-Support, Mo-Fr, 9:00 - 17:00: Tixi-Support@tixi.com
techn. Hotline, Mo-Fr, 9:00 - 12:00 und 13:00 - 17:00: 0900-100 90 11 für 2€/min
|
|
|
|
|
Tixi-Support
|
Verfasst: Mi Jan 11, 2006 4:55 pm |
|
Registriert: Mo Jul 11, 2005 5:50 pm Beiträge: 1351 Wohnort: Berlin
|
Ein komplettes Beispiel liegt mir derzeit leider nicht vor.
Aber Sie können sich das aus einigen Bestandteilen zusammenbauen.
Wie man einen Hintergrund in eine Tabelle bekommt, können Sie bei SELFHTML-Nachschlagen.
In die Tabellenzellen fügen Sie dann passende Grafiken in den Vordergrund ein. Wie man diese Wertabhängig verändert, wird im Beispiel "HTML Elements\Variable access\value image" unserer WebTemplates gezeigt.
_________________ Tixi Support Team
E-Mail-Support, Mo-Fr, 9:00 - 17:00: Tixi-Support@tixi.com
techn. Hotline, Mo-Fr, 9:00 - 12:00 und 13:00 - 17:00: 0900-100 90 11 für 2€/min
|
|
|
|
|
sv_berger
|
Verfasst: Mi Jan 11, 2006 4:42 pm |
|
Registriert: Di Dez 13, 2005 5:09 pm Beiträge: 61
|
Hallo, das interessiert mich sehr, haben Sie dafür ein beispiel parat?
|
|
|
|
|
RoeTeam
|
Verfasst: Do Sep 01, 2005 6:59 am |
|
Registriert: Mo Aug 15, 2005 8:53 am Beiträge: 38
|
HIT_PJ hat geschrieben: Einen Pegelstand als "Grafik" zu visualisieren ist so trivial, daß jeder sich ärgert die Idee nicht selbst gehabt oder für sich behalten zu haben. Die "Grafik" ist eine zweizeilige Tabelle, deren Höhe der unteren Zeile durch die Prosessvariable bestimmt wird. Die Gesamthöhe und Breite wird durch Angaben im table-Element bestimmt. Der Wertebereich ist 1..100% , die 0 wird falsch dargestellt. Dies kann jedoch per Script abgefangen werden. Die Variable kann zu Testzwecken z.B. mit
[<Set _="/Process/PV/Pegel" value="10" ver="y"/>]
gesetzt werden. Das Beispiel wurde bewusst klein gehalten, um das Prinzip zu verdeutlichen. Unter der Zuhilfenahme von Grafiken kann vom Messinstrument bis zum Thermometer fast alles realisiert werden, ohne große Java-Applets einbinden zu müssen.
Hier die komplette Seite:
<html> <head> <title>Analoganzeige</title> <meta name="author" content="Peter Junk H&IT GmbH"> </head> <body> <h2>H&IT Demo dynamische Analoganzeige</h2> <table height="80" width="150" border="0" bgcolor="#E0E0E0" cellpadding="0" cellspacing="0"> <tr> <td height="*"></td> </tr><tr> <td height="®/Process/PV/Pegel;%" bgcolor="#0000FF"></td> </tr> </table> </body> </html>
Hi netter Tip,
werde ich bei mir auch einbauen...
Übrigens kann man mit so einer Tabelle auch eine 2te Ebene für eine kleine Visualisierungsdarstellung umsetzen. Dabei wird im Tabellenhintergrund einfach eine Grafik mit dem Gesamtprozess hinterlegt, und in die anzupassenden Zellen darüber, zum Beispiel ein Pumpensymbol das bei Aktivität über eine Variable ausgetauscht wird.
Das Ganze funktioniert echt gut
|
|
|
|
|
Tixi-Support
|
Verfasst: Mi Aug 31, 2005 7:59 pm |
|
Registriert: Mo Jul 11, 2005 5:50 pm Beiträge: 1351 Wohnort: Berlin
|
Super !!! Echt clevere Lösung !
Vielen Dank !
_________________ Tixi Support Team
E-Mail-Support, Mo-Fr, 9:00 - 17:00: Tixi-Support@tixi.com
techn. Hotline, Mo-Fr, 9:00 - 12:00 und 13:00 - 17:00: 0900-100 90 11 für 2€/min
|
|
|
|
|
HIT_PJ
|
Verfasst: Mi Aug 31, 2005 5:01 pm |
|
Registriert: Mo Jul 25, 2005 11:18 am Beiträge: 25 Wohnort: Berlin
|
Einen Pegelstand als "Grafik" zu visualisieren ist so trivial, daß jeder sich ärgert die Idee
nicht selbst gehabt oder für sich behalten zu haben. Die "Grafik" ist eine zweizeilige Tabelle,
deren Höhe der unteren Zeile durch die Prosessvariable bestimmt wird. Die Gesamthöhe und Breite
wird durch Angaben im table-Element bestimmt. Der Wertebereich ist 1..100% , die 0 wird falsch
dargestellt. Dies kann jedoch per Script abgefangen werden. Die Variable kann zu Testzwecken
z.B. mit
[<Set _="/Process/PV/Pegel" value="10" ver="y"/>]
gesetzt werden. Das Beispiel wurde bewusst klein gehalten, um das Prinzip zu verdeutlichen.
Unter der Zuhilfenahme von Grafiken kann vom Messinstrument bis zum Thermometer fast alles
realisiert werden, ohne große Java-Applets einbinden zu müssen.
Hier die komplette Seite:
<html>
<head>
<title>Analoganzeige</title>
<meta name="author" content="Peter Junk H&IT GmbH">
</head>
<body>
<h2>H&IT Demo dynamische Analoganzeige</h2>
<table height="80" width="150" border="0" bgcolor="#E0E0E0" cellpadding="0" cellspacing="0">
<tr>
<td height="*"></td>
</tr><tr>
<td height="®/Process/PV/Pegel;%" bgcolor="#0000FF"></td>
</tr>
</table>
</body>
</html>
|
|
|
|
|
|