Wetterstationsforum.info - Archiv

Software => Allgemeines Softwareforum => Thema gestartet von: Matti am 06.09.2017, 19:46:49

Titel: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Matti am 06.09.2017, 19:46:49
Hallo Leute

ich baue gerade meine Homepage um und habe mich für Wordpress entschieden. Soweit so gut, nur mit dem Einbinden der WSWIN html Datei per Iframe habe ich noch meine Probleme. Bekomme es einfach nicht hin das sich die Datei automatisch an den jeweiligen Bildschirm anpasst. Gibt es da einen Trick? PHP wäre natürlich eine Lösung, aber da muss ich mich erst einmal reinfuchsen.

http://www.word.mittelsachsenwetter.de/wetteruebersicht/aktuelle-wetterdaten/

schon einmal Danke für Eure Hilfe  ;)

MfG Matthias
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: wneudeck am 07.09.2017, 09:46:09
Hallo Matthias,
was Du in Deinem Link zeigst, ist ja die current.html von WSWIN.
Die passt sich im Prinzip schon der Breite an, aber natürlich nur bis zu einem gewissen Punkt.
Du könntest ja, übertrieben gesagt, das Fenster nur 400 Pixel breit machen und wie sollte da die ganze Seite noch reinpassen.
Du kannst ja mal auf Deinem PC nur die current.html mit dem Browser aufrufen und das Fenster des Browsers dann immer mehr verkleinern. Dann siehst Du, bis zu welchem Grad eine Anpassung erfolgt.
Du kannst natürlich auch einen anderen Weg gehen, und alle Grafiken von WSWIN bereits kleiner erzeugen lassen. Das wirkt sich dann aber auf alle Grafiken aus und nicht nur auf die current.html
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Reinhard 123 am 07.09.2017, 10:54:18
versuch es mal mit folgender Zeile

<iframe name="my Frame aktuelles Wetter" width="90%" height="3000px" scrolling="yes" frameborder="0" src="http://www.xxxx-xxxx.de/custom.html"></iframe>

bei width kannst du von 100% bis nicht mehr leserlich einstellen
bei height bitte deinen Wert einstellen
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: falk am 07.09.2017, 13:42:34
Ich benutze Joomla als CMS und binde Dateien über ein Plugin ein. Ich bin kein Freund von Frames und Iframes.

Für Wordpress wäre dies vielleicht ein Kandidat: https://www.satollo.net/plugins/include-me
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Matti am 10.09.2017, 16:04:39
Hallo Leute

danke für eure Hilfe  :top:

Werner -> hatte die current.html nur als Beispiel genommen. Ich habe mir eine eigene Wetterübersicht zusammengestellt und diese wird von wswin erstellt und soll als html in Wordpress eingefügt werden. 

Muss mir eure Tipps mal genauer anschauen und probieren ;-)

MfG Matti
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: wneudeck am 10.09.2017, 16:29:01
Hallo Matthias,
hab mir gerade Deine Seite nochmals angesehen. Das Problem ist vor allem, dass Du die Breite der gesamten Seite vom Layout her recht schmal gestaltet hast.
Und da bleibt dann für die von Dir erstellte Datei recht wenig Platz übrig. Denn selbst wenn Du sie in einem Format erstellst, dass sie reinpasst (wäre bei einer benutzerdefinierten Datei schon möglich), wird alles einfach zu eng und zu klein.
Du solltest also eher in Wordpress (das ich nicht nutze und wozu ich daher nichts sagen kann) ansetzen und die Gesamtseite breiter gestalten.
Zumindest meine Meinung.
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Matti am 13.09.2017, 20:54:22
Hallo Leute  :)

ich habe die wetterdaten.html so angepasst das sie nun optimal in die Wordpress Seite passt. Das ganze wurde mit dem iframe code von Reinhard 123 gelöst. Eine Frage habe ich noch. Um die wetterdaten.html auf Tablet´s bzw Handy´s in richtiger Größe anzeigen zu lassen muss ich bestimmt mit php arbeiten?


MfG Matti
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Reinhard 123 am 13.09.2017, 23:05:29
Matti, für Tablet oder Scmartphone

bitte in das HTML-Head einfügen
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no(yes)">
(user-scalable=no = skalieren nein // oder yes skalieren ja) diese Entscheidung selbst treffen oder ausprobiere. Damit müsste das Problem geklärt sein
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: wneudeck am 13.09.2017, 23:38:18
Hallo Matti,
Du hast aber schon bemerkt, dass auf Deiner Seite anstatt der echten Werte die Variablen von WSWIN angezeigt werden.
Meine Vermutung:
Du hast die custom.txt (oder eben die Datei, die Du bearbeitet hast) in custom.html umbenannt, um sie bearbeiten zu können (richtig)
Du musst sie dann aber nach der Bearbeitung wieder in custom.txt zurück-benennen, sonst kann WSWIN sie nicht abarbeiten.
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Matti am 13.09.2017, 23:54:46
@ Werner -> ja das ist richtig, habe die .html erst einmal angepasst. Die .txt muss ich jetzt nur noch bei WSWIN einfügen.

@ Reinhard 123 -> das werde ich natürlich sofort probieren  ;)




MfG Matti
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Gewittersturm am 21.02.2018, 18:28:06
Hallo,
ich möchte diesen Link per iframe einbinden.

http://stuermers-marktplatz.de/test-2/ (http://stuermers-marktplatz.de/test-2/)

Leider weiß ich nicht, wie ich den Zeilenumbruch hinbekomme.
Wer kann mir bitte weiterhelfen?

Viele Grüße
Gewittersturm  :blitz: :regenwolke:
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: wneudeck am 21.02.2018, 19:51:20
Hallo,
Du musst die Datei so herunterladen, dass dass der Zeilenumbruch aus dem Original entfernt wird.
Ich mache das per PHP.  In $_buffer ist dann die komplette Seite enthalten und mit
echo strip_tags($_buffer, '<br>');
wird dann der Text ohne den vorhandenen Zeilenumbruch ausgegeben und der ausgebende Browser kann die Seite selbst richtig darstellen.
Hier im Forum ist dafür ein Beispiel im Bereich "OpenData" angegeben, wie mit curl eine Seite heruntergeladen und dann entsprechend ausgegeben werden kann.
http://www.wetterstationen.info/forum/neues-board/dwd-wetterberichte-einbinden/
und dort #4
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Wetterfrosch13 am 22.02.2018, 11:23:58
Grias eich!

Ich habe ein ähnliches Problem mit meiner Grafik mit den aktuellen Wetterdaten von WSWIN. Leider ist die ja nur als IFRAME einzubinden, das hat bis jetzt auch super funktioniert. Promlem ist, dass ca. 45 % meiner Seitenaufrufe von mobilen Endgeräten stammen, die Webcam und die Tagesgraphen sind schön responsive, da es sich ja hierbei um Grafikelemente handelt. Das einzige Problem: Das IFRAME. hat da irgendwer irgendeinen codeschnipsel, dass man die aktuellen Daten auch am Handy einsehen kann, denn im Moment sind sie noch abgeschnitten.

Hier einmal der Link zu den aktuellen Messwerten auf meiner Seite:
https://www.wetterlambach.at/aktuellemesswerte/

Und hier noch der Code, den ich für das Iframe verwende:

<iframe src="https://www.wetter-hausruckviertel.at/wetter_lambach/current.html" style="width:880px; height: 2080px; border:none;" scrolling="no" frameborder="0" align="center" marginheight="0" marginwidth="140" id="test" name="WSWIN Current Data"></iframe>

Würde mich freuen, wenn mir da wer weiterhelfen könnte  :D

Danke!
LG, Paul
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Reinhard 123 am 22.02.2018, 11:54:26
leider ist unter der genannten Adresse, keine Grafiken, keine Webcam und sonstiges zu sehen. (nicht auf mein Samsung) Das Menue ist da. Bitte überprüfen, am PC alles soweit ok.
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Wetterfrosch13 am 22.02.2018, 12:57:10
Zitat von: Reinhard 123 am 22.02.2018, 11:54:26
leider ist unter der genannten Adresse, keine Grafiken, keine Webcam und sonstiges zu sehen. (nicht auf mein Samsung) Das Menue ist da. Bitte überprüfen, am PC alles soweit ok.

Unter https://www.wetterlambach.at/aktuellemesswerte/ finden Sie nichts?  :confused: Also, sa muss es etwas mit ihrem Handy haben.... Bei mir geht´s am Handy auch, nur das Iframe halt nicht... weiß nicht, was es da bei Ihnen hat?!
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Reinhard 123 am 22.02.2018, 13:06:08
Hallo Wetterfrosch 13
da alle anderen Seiten gehen, kann es wohl nicht am Smartphone liegen. nimm mal die Iframe raus und stell die seite dann noch mal ins netz.
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Wetterfrosch13 am 22.02.2018, 13:21:51
Erledigt. Geht es jetzt? :eek:

Edit:

Hob jetzt a eigene Iframeseite erstellt, für die, die sich das Problem noch einmal ansehen wollen, die finden es unter diesem Link:

https://www.wetterlambach.at/iframe
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Reinhard 123 am 22.02.2018, 13:43:00
muss noch ein anderer Fehler vorliegen,
Habe mal einScreenshot vom Bildschirm des Samsung aufgenommen, allerdings in dem Desktop Modus damit man alles sieht.
zusätzlich im mobil-Modus
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Wetterfrosch13 am 22.02.2018, 14:07:30
Bei mir geht es, versuchen Sie es einfach einmal mit Chrome!
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Reinhard 123 am 22.02.2018, 14:36:57
Hallo Wetterfrosch 13
lässt sich mit Daten die nicht responsiv sind schlecht klären.
Selbst habe ich das so geklärt:
<iframe src="http://www.xxxxxxx.de/custom.html" width="90%" height="3000px" scrolling="yes" frameborder="0"></iframe>
(bei width kann man bis 70% gehen)
ist zwar nicht die elegante Art, aber man kann die Daten lesen am Smartphone. Lebe nun seit 1 Jahr mit diesem Kompromiss und viele lesen auch die anderen Wetterdaten, die nicht so spezifisch sind.
Eine andere Hilfe kann ich nicht geben, aber vielleicht kommt noch was von Usern, die mehr können in diser Hinsicht.
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Wetterfrosch13 am 22.02.2018, 20:17:21
Zitat von: Reinhard 123 am 22.02.2018, 14:36:57
Hallo Wetterfrosch 13
lässt sich mit Daten die nicht responsiv sind schlecht klären.
Selbst habe ich das so geklärt:
<iframe src="http://www.xxxxxxx.de/custom.html" width="90%" height="3000px" scrolling="yes" frameborder="0"></iframe>
(bei width kann man bis 70% gehen)
ist zwar nicht die elegante Art, aber man kann die Daten lesen am Smartphone. Lebe nun seit 1 Jahr mit diesem Kompromiss und viele lesen auch die anderen Wetterdaten, die nicht so spezifisch sind.
Eine andere Hilfe kann ich nicht geben, aber vielleicht kommt noch was von Usern, die mehr können in diser Hinsicht.

Okay, danke, werde ich mal als Notlösung einfgen. Falls aber wer noch einen Tipp hat, ist auf jeden Fall Willkommen!

LG, Paul
Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Gewittersturm am 22.02.2018, 21:03:25
Hallo,
diese Methode der html-Einbindung geht in meinem Fall leider nicht!

http://stuermers-marktplatz.de/test-2/ (http://stuermers-marktplatz.de/test-2/)

Welche Möglichkeiten gibt es, in Wordpress mit iframe, den Zeilenumbruch hinzubekommen.
Die von Werner beschriebene Vorgehensweise konnte ich leider nicht zielführend umsetzen, weil mir die Grundkenntnisse fehlen.

Gruß
Gewittersturm  :blitz: :regenwolke:

Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Reinhard 123 am 23.02.2018, 11:24:20
Hallo Gewittersturm

mach in deinem Server einen Ordner auf (z.B.Warnlage) und kopiere folgende php-Datei(als = index.php)hinein:

<?php
# -------------------------------------------------------------------
# (c) Charles Imilkowski
#
# Funktion: lädt mit Curl eine andere URL ein
# -------------------------------------------------------------------
# $url      = Internetadresse die eingelesen werden soll
# $postdata = Die Daten die per $_POST mitgesendet werden sollen,
#              das Format entspricht einem $_GET String, wie man ihn
#              an eine URL anfügen würde
# -------------------------------------------------------------------

    function HomepageLaden($url, $postdata)
        {
        $agent = "Meine Browserkennung v1.0 :)";
        $header[] = "Accept: text/vnd.wap.wml,*.*";
        $ch = curl_init($url);

        if ($ch)
            {
            curl_setopt($ch,    CURLOPT_RETURNTRANSFER, 1);
            curl_setopt($ch,    CURLOPT_USERAGENT, $agent);
            curl_setopt($ch,    CURLOPT_HTTPHEADER, $header);
            curl_setopt($ch,    CURLOPT_FOLLOWLOCATION, 1);

            # mit den nächsten 2 Zeilen könnte man auch Cookies
            # verwenden und in einem DIR speichern
            #curl_setopt($ch,    CURLOPT_COOKIEJAR, "cookie.txt");
            #curl_setopt($ch,    CURLOPT_COOKIEFILE, "cookie.txt");

            if (isset($postdata))
                {
                curl_setopt($ch,    CURLOPT_POST, 1);
                curl_setopt($ch,    CURLOPT_POSTFIELDS, $postdata);
                }

            $tmp = curl_exec ($ch);
            curl_close ($ch);
            }
        return $tmp;
        }

    $_url = "https://www.dwd.de/DWD/wetter/wv_allg/deutschland/text/vhdl13_dwog.html";
    $_buffer = HomepageLaden($_url, "");
   $_buffer = utf8_encode ($_buffer);
    echo strip_tags($_buffer, '<br><strong><h3>');
?>
-------------------------------------------------------------------------------------



nun erstellst du eine Datei (html) mit folgendem Inhalt:
-------------------------------------------------------------------------------------

<!DOCTYPE html>
<html>
<head>
<meta name="Author" content="© DWD">
<meta name="Date" content="23.02.2018">
<META NAME="Keywords" CONTENT="Wetter, Auswertung Wetterstation, Wind, Regen, Temperatur, Feuchte, Luftdruck, Warnlage">
<TITLE>Wetterwarnlage in Deutschland</TITLE>
</head>

<BODY bgColor="#ffffff">
<div align= "CENTER">
<iframe src="http://xxxxxxxxxxxxx/warnlage/index.php" height="1700" name="Warn & Wetterbericht" width="85%" scrolling="yes" frameborder="0"></iframe>
</div>
-------------------------------------------------------------------------------------
Die Datei benennst du Warnlage.html und lädst diese auch auf deinen Server,
mit einem Link brauchst du nur diese html-Datei abzurufen

PS:
bei diesen Dateien hat auch Werner und andere mit geholfen und hoffe es geht nun auch bei dir



Titel: Re: HTML Datei automatisch an Bildschirm anpassen
Beitrag von: Gewittersturm am 23.02.2018, 15:58:07
Hallo  :) ,

:danke: Werner

:danke: Reinhard.

Nachdem mir Reinhard die Vorgehensweise nochmals genau vorgegeben hat, hat es auch bei mir geklappt. Wieder was dazu gelernt.
Nochmals vielen Dank.

Gruß
Gewittersturm  :blitz: :regenwolke: