Also bis jetzt klappt das, übergeben werden die Daten als Dint
Danke für die Hilfe!
Also bis jetzt klappt das, übergeben werden die Daten als Dint
Danke für die Hilfe!
Die Y-Variable betrifft eine andere Animation die später hinzugefügt werden soll.
Y betrifft später die $('#posKatze').text(data.posKatze);
Leider klappt die Animation mit dem obrigen Code nicht. Die Position bleibt unverändert
PS: dein 2. Beitrag wurde gerae erst gelesen und getstet.
Guten Morgen,
Wir haben den vorschlag von Sempervivum eingefügt, wir fragen/übergeben aber mehrere Variablen, wie im folgende Code zu sehen ist, ab und übergeben dies an die Webseite.
folgender Codeteil befindet sich im HTML Head Teil
<script type="text/javascript">
var intervalID = setInterval(update_values,1000);
function update_values() {
$.getJSON($SCRIPT_ROOT + '/stuff4',
function(data) {
$('#zeit_PLC').text(data.zeit_PLC);
$('#posKran').text(data.posKran);
$('#posKatze').text(data.posKatze);
$('#posHaHu').text(data.posHaHu);
$('#posHiHu').text(data.posHiHu);
});
};
</script>
Alles anzeigen
Hier ein Teil vom Body Quellcode
<body onload="update_values()" style= "background-color: #000000; font-family: Arial">
…
<img src="{{ url_for('static', filename='Flasche.png') }}" width="120" height="120" style="position:absolute;"/>
<script type="text/javascript">
{"x": 124, "y": 248}
fetch('position.json', ).then(res => {
return res.json();
}).then(res => {
console.log(res);
console.log(res.x);
console.log(res.y);
});
</script>
Alles anzeigen
Egal was wir als Werte für x bzw. y einsetzen bleibt das Bild bei uns auf der gleichen Position.
Liebe Grüße
Besten Dank, dann werde ich das am Montag testen & mich melden!!
Schönes Wochenende schonmal!
Guten Morgen,
genau! So meine ich das.
Zum besseren verständnis:
Ich messe den Abenstand von einen Portalkran mittels Laser zur Hallenwand (per SPS). Die Werte werden auch sauber via OPCUA übergeben und in meiner Webseite Angezeigt. Jetzt will ich jedoch noch eine "Live Visualisierung" machen, d.h. ich möchte mir eine Skizze malen und darauf den Kran dynamisch hin und her fahren lassen, je nachdem wie weit er von der Hallenwand (Wert der Variable) entfernt ist.
Liebe Grüße
Guten Morgen,
hab erst am Montag wieder Zugriff auf den Code.
Nein, nicht via Drag an Drop.
Ich bekomme einen Wert X & Y was ich auf eine Variable schreibe. Und mit diesen Koordinaten möchte ich dann das Bild verschieben.
Bsp.:
Ein Kreis liegt am linken Bildschirmrand, im Hintergrund zählt unregelmäßig ein Zähler bis 100, wenn der Wert 100 erreicht ist soll der Ball den rechten Bildschirm rand erreicht haben.
Den genauen Endwert des Zählers weis ich, somit kann ich das ganze auch Skalieren.
Liebe Grüße
Hallo,
ich möchte ein Bild über eine Variable die über phyton via Flask kommt verschieben (nur geradlinig).
Ein Verschieben per Mausklick habe ich schon hinbekommen, leider nur noch nicht mit der Variable.
Wie gehe ich hir vor?
Liebe Grüße
Knausbaer_2021
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.