Web2plc mit einer Variable eine Grafik vergrößern/verkleinern

[timeee]

Zuviel Werbung?
-> Hier kostenlos registrieren

Hallo zusammen!
Ich programmiere für ein Technikerprojekt eine Webvisualisierung, dazu hätte ich mal eine Frage.

Kann ich eine Variable die z.B. den Wert 50 hat in eine Bildeigenschaft einfügen?
So sieht meine ganz normale Einbindung aus...

<img height="10" src="Bilder/blau.jpg" width="100">

Jetzt würde ich gern aber mit meiner Variable die jetzt z.B. "Webvisu.Test" heisst und den Wert 50 enthält mein Bild in der Höhe ändern.
Ist es möglich wie folgt zu machen...

<img height=":="Webvisu.Test":" src="Bilder/blau.jpg" width="100">

Damit will ich also den Wert 10 mit 50 ersetzen.

Da ich leider noch keine CPU zum simulieren habe, aber dennoch schonmal soweit wie möglich programmieren möchte hoffe ich das mir hier jemand weiterhelfen kann :smile:

 

[S7_Programmer]

Hallo Timee,

so wie ich das sehe, willst Du mittels html variable inhalte/variablen auf Internet-Browser darstellen.

In einer "normalen html" Datei ist das nicht möglich. Die Datei wird einfach vom Web-Server in den Browser herunter geladen und dann angezeigt.
Variable Inhalte sind hier nicht möglich (auch nicht am Vormitag "Guten Morgen" oder von 12:00 bis 13:00 "Mahlzeit" oder so).

Einen Ausweg könnte hier der Umweg über PHP gehen.
Mit PHP kann man dynaische Internetseiten (mit variablen Inhalten) erstellen.
Mit PHP kann man auch Winsock-Verbindungen, auch zu Simatic CPU's über CP343 Lean oder ähnlich aufbauen. Das geht ohne kostenpflichiger "Zusatzsoftware" oder Librarys.

Man kann auch PHP-/Html Seiten aktualisierend erstellen, das heißt dass sich die Seite nach x Sekunden selbst auffrischt (Je nach Programmierung kommt dann eine andere dynamische Darstellung).


Das ganze kann auch mit Demo-software auf (VMware) PC's simulieren.
Hier ein Beispiel-Werkzeugkasten, gefüllt mit folgender Software:
XAMPP (Apache Webserver, Mysql, PHP, Perl) von apachefriends.de
S5/S7 für Windows®, S7 Simulations SPS /SoftSPS (die kann auch CP343 simulieren!) von ibhsoftec.de
eventuell netcat und VMWARE
und nicht zuletzt Firefox oder IE.


Hier noch ein paar Anmerkungen:
Das ganze ist begrenzt, ich würde hier nicht mehr als 20-max. 30 SPS Variablen ansetzen.
Diese Herangehenseise ist nicht für schnelle Grafiken, ich würde hier die kürzeseten Aktualisierungszeiten von 2sekunden ansetzen
Diese Vorgehensweise braucht viel "Programmieraufwand" auf PHP und Simatic-Seite.

...aber es geht!, und das im Versuchsstadium mit kostenloser / Demo-Software :smile: .


Ich wünsch Dir weiterhin viel Erfolg!
S7_Programmer

 

[Thomas_v2.1]

Zuviel Werbung?
-> Hier kostenlos registrieren

S7_Programmer, das funktioniert genau so wie timee sich das überlegt hat.
Bei vielen neuen 300er PN CPUs und bei den S7-1200 kann man einen integrierten Webserver aktivieren, da braucht es keine weitere Software.

Siehe auch hier:
http://www.sps-forum.de/showthread.php/54373-HTML-für-Anfänger.-(für-Web2PLC).

 

[timeee]

Danke für die Antworten!

Thomas_v2.1, hast du es den so schonmal programmiert und ausgetestet?
Wenn man es so programmiert zeigt der mir es immer so an...

das rot unterschlängelte ist mir erstmal egal aber das der in der Bezeichnung dieses Gelbe hat ist doch nicht richtig oder?

 

[Thomas_v2.1]

Thomas_v2.1, hast du es den so schonmal programmiert und ausgetestet?
Wenn man es so programmiert zeigt der mir es immer so an...

das rot unterschlängelte ist mir erstmal egal aber das der in der Bezeichnung dieses Gelbe hat ist doch nicht richtig oder?

Was ist das denn für ein Programm aus dem du den Screenshot gemacht hast? Das ist doch bestimmt irgendein HTML-Editor oder?
Du kannst die Syntaxüberprüfung dieser Editoren aber nicht zu 100% verwenden, da diese Siemens-Spezial-Tags ="xyz" nicht HTML konform sind. Bzw. sollte die Seite HTML-konform sein wenn sie später von der SPS an den Webbrowser ausgeliefert wird. Die AWP-Tags sind in HTML-Kommentaren eingefasst, darum sollte die dein Editor nicht anmeckern.

Wie du im deinem 1. Post auch schon erkannt hast wird bei Auslieferung der Seite aus

<img height=":="Webvisu.Test":" src="Bilder/blau.jpg" width="100">

für :="Webvisu.Test": der Wert der Variablen Webvisu.Test eingesetzt. Hat diese zum Zeitpunkt des Aufrufs 100, so bekommt dein Webbrowser

<img height="100" src="Bilder/blau.jpg" width="100">

ausgeliefert.
Das ist dann (wenn das schließende img Tag auch noch kommt) HTML konform.

 

[timeee]

Zuviel Werbung?
-> Hier kostenlos registrieren

Danke für die gute Hilfe hier!
Nun hab ich doch noch eine andere Frage.

Und zwar wenn ich mehrere .html Dateien auf den Webserver übertrage wie muss ich die .html Datei nennen die er zuerst öffnen soll?
Habe leider in der Anleitung diesbezüglich nichts gefunden.

 

[Thomas_v2.1]

Die Startseite stellst du im Gerätemanager des TIA-Portals ein, dort wo auch die Schaltflächen um die Bausteine zu erzeugen sind.
Allerdings ist das nicht die wirkliche Startseite, sondern die erste Seite auf die du gelangst wenn du auf den Link zu den anwenderdefinierten Seiten der Siemens-Startseite klickst.