Solarschema erstellen

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Einstein82

Neues Mitglied
2 November 2019
8
0
1
51
Hallo Forum,

versuche gerade meine Solaranlage auf einer Seite abzubilden.
Leider klappt das nicht so wie ich will.

Ziel:
Mein Datenlogger kann mir mit einer html Datei Werte an bestimmten Stellen ausgeben.
Diese Werte kann man dann über ein Bild legen.
Somit hat man dann z.B. einen Speicher und dahinter die Temperatur. Oder kann einen Kollektor und dahinter die Temperatur anzeigen.
Die Grafik ist eine gif Datei in der die Symbole der Anlage an verschieden Stellen angeordnet sind.

Aktuell habe ich folgendes in der index.html programmiert:

<html>
<a href="live_daten.html"><img src="GRAFIK.gif" alt="GRAFIK" /></a>
</html>

Es wird mir jetzt das Bild angezeigt und wenn ich drauf klicke die Werte.

Wie muss ich das jetzt umbauen, dass alles als eine Seite kommt?

Danke schon mal für eure Hilfe.

Gruß
Einstein
 

threadi

Moderator
Team
Moderator
20 Oktober 2006
15.344
299
83
Leipzig
www.comedy-news.de
HTML ist keine Programmiersprache, somit hast Du nicht programmiert bisher. Für das was Du willst musst Du jedoch programmieren. Nämlich in PHP. Du müsstest per PHP die Datei live_daten.html einbinden und darunter dann wie schon im HTML-Code zu sehen die Grafik ausgeben.
 

Einstein82

Neues Mitglied
2 November 2019
8
0
1
51
ok, danke kein Problem.

Das Bild binde ich jetzt so ein:

<html>

<img src="GRAFIK.gif" alt="GRAFIK">

</html>

Mit welchem Befehl wir nun die live_daten.html drüber gelegt?
 

Einstein82

Neues Mitglied
2 November 2019
8
0
1
51
mit dem Befehl habe ich jetzt alles auf einer Seite, jedoch oben das Bild und darunter die Werte.

<html>

<img src="GRAFIK.gif" alt="GRAFIK"><object data="live_daten.html" type="text/plain" width="1080" height="800"></object>


</html>

Kann mir jemand helfen wie man das übereinander legen kann?
 

Einstein82

Neues Mitglied
2 November 2019
8
0
1
51
mit dem genau so:

<html>

<img src="GRAFIK.gif" alt="GRAFIK"><iframe src="live_daten.html" width="1080" height="800" frameborder="0" allowTransparency="true"></iframe>

</html>
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
1.491
295
83
66
Dann sollte das Verfahren mit der Hintergrundgrafik funktionieren. Versuche es einfach.
 

Einstein82

Neues Mitglied
2 November 2019
8
0
1
51
so es ist vollbracht. Was für eine Geburt.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>

<style>
body {
background-image: url(GRAFIK.gif);
background-repeat: no-repeat;
background-position: 30% -10%;
}

</style>

</head>

<body>

<div style="position:absolute; left:270px; top:78px">

<iframe src="live_daten.html" width="1080" height="800" frameborder="0" scrolling="no" allowTransparency="true" allowfullscreen></iframe>

</div>

</body>
</html>
 

Einstein82

Neues Mitglied
2 November 2019
8
0
1
51
Guten Abend zusammen,
habe festgestellt, dass mir verschiedene Browser Probleme machen:
- die Seite wird nicht mehr nachgeladen. Wenn z.B. im FF die Seite neu geladen wird, lädt er die neuen Werte nicht nach. Lade ich die Seite im Edge lädt es die neuen Werte.
- in den verschiedenen Browsern wird die Seite unterschiedlich dargestellt. Mal verschoben mal nicht.

Gibt es da "einheits" Einstellungen die ich noch verbessern müsste?

Gruß
Einstein
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
1.491
295
83
66
in den verschiedenen Browsern wird die Seite unterschiedlich dargestellt. Mal verschoben mal nicht.
Das habe ich schon erwartet, als ich gesehen habe, dass Du die Anordnung mit background-position and absoluter Positionierung austariert hast. Versuche als erstes, das Bild als Hintergrund für den iFrame zu nehmen, so:

Code:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>

<style>
iframe {
background-image: url(GRAFIK.gif);
background-repeat: no-repeat;
background-size: 100% 100%;
}

</style>

</head>

<body>

<iframe src="live_daten.html" width="1080" height="800" frameborder="0" scrolling="no" allowTransparency="true" allowfullscreen></iframe>

</div>

</body>
</html>
 

Einstein82

Neues Mitglied
2 November 2019
8
0
1
51
perfekt. Danke für deine Hilfe.
Jetzt passt das.

Die Werte werden inzwischen auch geladen. Da war ein Job Fehler auf dem Server.
 
Werbung:

Latest posts