Wetterbericht mit DonnerwetterWetterbericht mit Donnerwetter



Kategorie: <<< Anleitung >>>
200821Sa.Jun
A ls ich neulich auf donnerwetter.de nach dem Wetter schaute, fiel mir unterhalb von "Service" der Menüpunkt "Website-Wetter" auf. Nach ein bischen Geklicker in diesem Angebot hatte ich ruch-zuck ein Stückchen Javascript in der Hand, das einen aktuellen Wetterbericht für einen beliebigen Ort anhand der Postleitzahl auf eine Homepage bringt. Die meisten Webseiten werden irgendwann einmal geschrieben und dann vergessen - die darin enthaltene Information veraltert. Donnerwetter bietet eine einfache Möglichkeit, den Inhalt der Webseite mit ständig aktuellen Informationen aufzupeppen.

Besonders schön daran ist, dass die Farben vollständig an die eigene Webseite angepasst werden können. Man gibt sich schließlich nicht einfach mit den Voreinstellungen zufrieden.


Die Vorgabefarben " Hellgelb " und " Orange " sind noch dazu Farben, die mir sehr gut gefallen und die ich selbst gerne auf Webseiten verwende.

Falls Sie eine "echte eigene" Homepage besitzen, können Sie den erforderlichen Javascript-Code für Ihre Webseite wie oben geschildert auf Donnerwetter WebsiteWetter selbst zurechtbasteln. Sie müssen dann dafür sorgen, dass er anf Ihrer Webseite an der gewünschten Stelle eingefügt wird.

Für die KinderRatTat-Homepage geht alles ein bischen einfacher und komfortabler im Bearbeitungsmodul "Donnerwetter" von KinderRatTat.

E in paar Eingabefelder fehlen im Vergleich zuu Donnerwetter-Original-Service. Natürlich muss die Postleitzahl nicht erneut eingegeben werden, die ist ja in den Grunddaten vorhanden. Auch die Breite der Wetterbox ist auf 154 Pixel festgeschraubt, so dass auch hier keine Angabe erforderlich ist. Und die Farben werden ganz schick mit Farbtastic angepasst, das läuft bei KinderRatTat auch anders als bei Donnerwetter.

Um die Farben anzupassen klickt man auf eines der drei Farbfelder für
  • Hintergrundfarbe
  • Zeilen/Rahmen
  • Text
und benutzt dann den Farbwähler von Farbtastic. Der Farbwähler ist ziemlich einfach und intuitiv aufgebaut und hält sich an die Standards von bekannten Bildbearbeitungsprogrammen.

Allerdings stellen die meisten Bildbearbeitungsprogramme gleich mehrere Möglichkeiten der Farbauswahl zur Verfügung. Bei KinderRatTat gibt es leider nur diese eine Möglichkeit - KinderRatTat ist nun mal ein Tagesmutterportal und kein Bildbearbeitungsprogramm.

Nachdem eines der drei Farbfelder angeklickt wurde, sollte die aktuelle Farbe im Farbtastic Farbwähler eingestellt sein. Wenn anstatt des bunten Farbwählers ein öder Hinweis auf fehlendes Javascript erscheint, dann sollten die Browsereinstellungen überprüft werden: Der Farbwähler funktioniert nur, wenn Javascript erlaubt ist.

O k, wir gehen davon aus, Javascript ist aktiviert und der Farbwähler wird angezeigt. Jetzt ist die gewählte Farbe zum Einen im Farbfeld sichtbar, zum Andern zeigen zwei Anzeigepunkte im Farbwähler, was gerade eingestellt ist. Der Anzeigepunkt auf dem Außenkreis zeigt den Farbton, der Anzeigepunkt im Quadrat zeigt die Helligkeit. Befindet sich der Anzeigepunkt des Quadrates in der unteren, rechten Ecke (wie im Bild gezeigt), dann ist der Farbton egal, die Farbe heißt "Schwarz". Befindet er sich am oberen Rand des Quadrates, dann ist die Farbe "Weiss".

Es wird empfohlen, erst den Anzeigepunkt des Kreises auf die gewünschte Farbe zu ziehen, und dann im Quadrat auf den Bereich zu klicken, der der gewünschten Helligkeit entspricht. Wenn die beiden Anzeigepunkte dicht beieinander liegen, wird beim Versuch, den Anzeigepunkt des Quadrates zu ziehen, häufig der Anzeigepunkt des Kreises erwischt und das versaut die gewählte Farbe. Farbtastic ist bei dicht aneinanderliegenden Anzeigepunkten nicht sehr exakt und nimmt fast immer den Punkt für die Farbwahl auf dem Außenkreis.

U m den farblich angepassten Wetterbericht auf die KinderRatTat-Homepage zu bringen, muss er noch angeschaltet werden. Oben links im Bearbeitungsmodul muss der Schalter "Anschalten mit AN" von AUS auf AN umgelegt werden. In der darunter liegenden Klappbox "Platz bestimmen" wird festgelegt, wo die Wetterbox hinkommt. Die eleganteste Anzeigeart scheint "Im Text" zu sein, aber man darf auch eine der vier Ecken des Anzeigebereichs der Webseite aussuchen.

Donnerwetter stellt zwei verschiedene Typen der Wetterbox zur Verfügung, es gibt die Wetterbox mit zwei Symbolen oder mit drei Symbolen. Der Hauptunterschied ist in der Höhe zu sehen, die die Wetterbox dann braucht. Bei zwei Symbolen ist der Platzbedarf deutlich geringer, dafür sind aber die Wettersymboler größer und schöner.

Alle Einstellungen werden beim Klick auf "Aktualisieren" gespeichert und sind dann auch in der Farb-Vorschau zu sehen. Im Bearbeitungsmodul wird der Rand der Wetterbox etwas dicker angezeigt, als er auf der KinderRatTat-Homepage dann in Wirklichkeit wird, auch die Höhe der Wetterbox ist nicht korrekt. Daher sollte man das Ergebnis immer überprüfen und nachsehen, wie die Wetterbox auf der KinderRatTat-Homepage aussieht.

Ich freue mich, dass Donnerwetter so einen tollen Webservice zur Verfügung stuellt und wünsche allen Mitgliedern viel Spass mit dem neuen Bearbeitungsmodul "Donnerwetter" im Mitgliederbereich.



interne Links:
externe Links:
  • Donnerwetter WebsiteWetter Donnerwetter stellt den Webservice zur Verfügung, mit dem Jedermann einen aktuellen Wetterbericht auf seine Homepage zaubern kann.
  • Farbtastic Farbwähler Dieser Farbwähler ist ein wunderschönes Spielzeug und macht das Wählen von Farben zu einem vergnüglichen Kinderspiel. Es wird die jQuery - Javascript Bibliothek benötigt.
  • jQuery Javascript Bibliothek Diese Bibliothek vereinfacht das Programmieren mit Javascript und erhöht die Effizienz der Webseiten-Bauer.


Peter Klauer

200821Sa.Jun
Letzte Änderungen

Kommentare: 0 Einen Kommentar hinzufügen
Dieser Beitrag wurde X mal aufgerufen. (Visitcounter)