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

Aktualisierung Iframe

N

newcomer

Mitglied
Hallo und guten Tag,

ich möchte gerne das Satellitenbild und die Bodendruckanalyse von dieser Homepage

https://www.alpenverein.de/DAV-Services/Bergwetter/#2018-01-14|layer=weatherLayer

auf meine Homepage www.livewetter.org einbinden wollen.

Ich habe dort auch schon angefragt, ob das ok ist.

Folgende Codes habe ich genommen:

<img src="https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/bodenanalyse_2018-01-13.png?rand=201801131637"

<img src="https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/sat_2018-01-13.png?rand=201801131659"

Die Grafiken werden auch einwandfrei auf meiner HP angezeigt.

Doch werden diese nicht aktualisiert. Können ja auch nicht, da jeden Tag die Datei im Form des Datums umbenannt wird.

Gibt es hier eine Lösung, vielleicht eine Art Platzhalter, die bestimmt, dass immer die aktuelle Grafik genommen wird?

Vielen Dank. Gerne erwarte ich Eure Vorschläge.

LG

Volker
 
Werbung:
Hallo Basti1012,

vielen Dank für Deine Rückmeldung und den Vorschlag.

Leider bin ich absoluter Neuling. Könntest Du mir bite genau beschreiben und erklären, wie und was ich da machen muss?

Danke Dir.

LG
Volker
 
Werbung:
ja das könnte so aussehen
Javascript: 
     var jetzt = new Date();
 
  var Jahr = jetzt.getFullYear();
  var Tag = jetzt.getDate();
  var TagA = ((Tag < 10) ? "0" + Tag : Tag);
  var Jahresmonat = jetzt.getMonth();
  var Monat = (Number (Jahresmonat) + Number (1))
  var MonatA = ((Monat < 10) ? "0" + Monat : Monat);
 
 $('#bild1').attr("src","https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/bodenanalyse_"+Jahr+"-"+MonatA+"-"+TagA+".png?rand=201801131637");
 

   $('#bild2').attr("src","https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/sat_"+Jahr+"-"+MonatA+"-"+TagA+".png?rand=201801131659")
 
Zuletzt bearbeitet:
Prima.

Muss ich das jetzt auf meinen FTP-Server hochladen?

Wie bekomme ich das denn dann in meine Homepage integriert?
 
du mustdas script af deiner homepage einbinden. die bild divs machst du da hin wo sie angezeigt werden soll und das script bindest du so ein
Code: 
<img id="bild1" src="">
<img id="bild2" src="">
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
     var jetzt = new Date();
 
  var Jahr = jetzt.getFullYear();
  var Tag = jetzt.getDate();
  var TagA = ((Tag < 10) ? "0" + Tag : Tag);
  var Jahresmonat = jetzt.getMonth();
  var Monat = (Number (Jahresmonat) + Number (1))
  var MonatA = ((Monat < 10) ? "0" + Monat : Monat);
 
 $('#bild1').attr("src","https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/bodenanalyse_"+Jahr+"-"+MonatA+"-"+TagA+".png?rand=201801131637");
 

   $('#bild2').attr("src","https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/sat_"+Jahr+"-"+MonatA+"-"+TagA+".png?rand=201801131659")
</script>

oder du bindest es in einer extra datei ein . also das script in eine script.js packen und dann als link einbinden
 
Werbung:
Vielen Dank. Hat funktioniert.

Könntest Du mir bitte noch die Größe in den Befehl einfügen?

Benötige: height="150" width="200"

Lieben Dank.

Volker
 
Werbung:
ja machen wa doch.
Spenden ? weiss ich nicht ,dazu bin ich noch nicht lange genug hier.Aber die meisten machen das hier auch weil sie spass an der sache haben und nix dran verdienen wollen.Fürs geld verdienen gibt es extra bereiche.
Code: 
<style>
#bild1,#bild2{
width:200px;
height:150px;
}
</style>


<a href="http://www.livewetter.org/"><img id="bild1" src=""></a>
<a href="http://www.livewetter.org/"><img id="bild2" src=""></a>
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
 <script>
 
     var jetzt = new Date();
 
  var Jahr = jetzt.getFullYear();
  var Tag = jetzt.getDate();
  var TagA = ((Tag < 10) ? "0" + Tag : Tag);
  var Jahresmonat = jetzt.getMonth();
  var Monat = (Number (Jahresmonat) + Number (1))
  var MonatA = ((Monat < 10) ? "0" + Monat : Monat);
 
 $('#bild1').attr("src","https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/bodenanalyse_"+Jahr+"-"+MonatA+"-"+TagA+".png?rand=201801131637");
 

   $('#bild2').attr("src","https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/sat_"+Jahr+"-"+MonatA+"-"+TagA+".png?rand=201801131659")
 
 
 </script>

so sollte es klappen. die style angaben kannst du auch in einer vorhandene css datei rein kopieren . oder du kopierstes es so wie es ist .
aber mach die style angaben in head bereich rein ,da gehöhren sie üblicherweise auch hin
 
ODER DU MACHST ES SO
Code: 
 <div id="bild1"></div>
 <div id="bild2"></div>


<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
 <script>
 
     var jetzt = new Date();
 
  var Jahr = jetzt.getFullYear();
  var Tag = jetzt.getDate();
  var TagA = ((Tag < 10) ? "0" + Tag : Tag);
  var Jahresmonat = jetzt.getMonth();
  var Monat = (Number (Jahresmonat) + Number (1));
  var MonatA = ((Monat < 10) ? "0" + Monat : Monat);
 
 $('#bild1').html('<a href="http://www.livewetter.org"><img  src="https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/bodenanalyse_'+Jahr+'-'+MonatA+'-'+TagA+'.png?rand=201801131637" width="200" height="150"></a>');
 
   $('#bild2').html('<a href="http://www.livewetter.org/"><img  src="https://live-cdn.alpenverein.de/chameleon/outbox/bergwetter/sat_'+Jahr+'-'+MonatA+'-'+TagA+'.png?rand=201801131659" width="200" height="150"></a>');
 
 
 </script>
 
Werbung:
jo das stimmt . da solltest du mal kucken das du statt tabellen layout vieleicht mit LI oder sowas arbeitest . und die ganzen algin valgin width height und andere abstände alles in einer css datei rein schreibst .vor allem ist es dann auch einfacher wenn man mal was ändern muss,oder wenn du was dazu machen willst wie die beiden bilder ,die lassen sich dann in der vorhandener css sehr schnell intergrieren . man was für ein wort
 
@basti1012
Deine Hilfbereitschaft in allen Ehren, aber er wäre schön, wenn du dir etwas mehr Zeit mit deinen Beträgen nehmen würdest. Halbwegs korrekte Interpunktion und Groß-/Kleinschreibung sind in einem Forum bzw. allgemein bei schriftlicher Kommunikation auch ein Zeichen von Höflichkeit dem Gesprächspartner gegenüber. Du, sorry, rotzt manchmal Texte raus, das ist wirklich schlimm.
 
@m.scatello ich werde versuchen es zu verbessern.Das mit GROSS und kleinschreibung sollte ich woh hin bekommen.Nur ab und zu weiss ich nicht wie ich mich ausdrucken soll bzw wie man was richtig erklärt,dann kommen da ab und zu mal etwas komischer Satzbau raus .Sorry
 
Werbung:
Ich hab mir zwar den Quellcode nicht angesehen, weil ich grade nicht an den PC kann, aber nach Angaben des Validators benutzt du oft solche Tags wie z.B. <foo />.
In vielen HTML-Tutorials wird das zwar fälschlicherweise als ebenfalls gültige Möglichkeit gezählt aber Fakt ist, dass man bei Tags ohne schließenden Tag auch keinen "/" mit drin braucht - das ist nur in XHTML so und sollte auch nur darin so verwendet werden.
Grüße,
Felixprogram
 
Was meinst du mit untereinander? Wenn ich den Code in ein Fiddle reinkopiere ,wird es untereinander angeordnet.
*** Link entfernt, weil nicht mehr erreichbar ***
Wird das bei dir auf deiner Homepage anders angezeigt?
Sehe da zumindest zurzeit keine Bilder.
Falls die bei dir auf deiner Homepage anders dargestellt werden, müssen wir mal deine CSS anpassen.
Wäre jetzt glaube ich die einfachste Lösung.
Binde die Fotos doch mal ein und lass uns dann mal gucken ,was wir da ändern können.
 
Zuletzt bearbeitet:
Werbung:
Habe mal eine Frage an alle.Auf seine Hp hat er ein Bild http://www.livewetter.org/assets/images/autogen/clearpixel.gif wo nur ein Pixel zu sehen ist.Das wird wohl als Abstandhalter genommen.Sowas habe ich noch nie gesehen.Das ist doch keine gängige Methode,oder wahr das mal so üblich? Wie gesagt ,ich Persönlich habe sowas noch nie gesehen,vor allem weil das Bild bestimmt ca 100 mal eingebunden wird,zum Abstand erzielen.
 
Bitte mache dir keine Gedanken über diesen grausamen HTML-Code, der ist totaler Schrott
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben