wetter.de Wetter-Widget
Wetterdaten werden geladen
Tutorials von Thomas Frei-Herrmann
Wetter Widget
von:
http://www.wetter.de/tools/wetter-widget
Guckt bitte auch hier für eine Wetterkarte von Google.
Wettervorhersage Berlin für den: 26.04.2024
Bitte beachtet, dass diese Widget nur für private Zwecke genutzt werden darf und der HTML-Code auch nicht verändert werden darf. Lest dazu bitte auch die Nutzungsbedingungen von Wetter.de.
Ich habe diese Seite hier auf die HTML-Ausgabe “XHTML” gestellt, da dieses Skript sich offensichtlich nicht mit der Datei “rollover.js” von NOF verträgt und es zu einem Skriptfehler kommt. Ihr könnt aber ebensogut die Verwendung der Datei “rollover.js” im Fenster
“Navigationsleiste-Eigenschaften” unter “Stil” abhaken.
Ihr erstellt Euch ganz einfach den Code auf der Seite von Wetter.de und kopiert diesen dann in die HTML eines Textfeldes.
> Textfeld aufziehen > im Fenster “Textfeld-Eigenschaften” oben auf den mittleren Button “Text” klicken
> und anschließend auf den Button “HTML” und das Skript einfügen.
Unten mal das Skript, das ich hier verwendet habe.
<!-- ISO-8859-1 -->
<!-- wetter.de wetter-widget 2.0.0 -->
<script type="text/javascript" src="http://bilder.static-fra.de/wetter11/js/widget/wetter/widget.2.0.0.js"></script>
<link href="http://bilder.static-fra.de/wetter11/css/widget/wetter/widget.2.0.0.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.wetterde_wetterwidget .ww_color {background-color:#a0c2f8; color:#ffffff;}
-->
</style>
<div id="ww_4db7c75d98650" class="wetterde_wetterwidget column4border">
<div id="ww_4db7c75d98650_box" class="box">
<div id="ww_4db7c75d98650_content" class="content">
<div class="title">wetter.de Wetter-Widget</div>
<div class="loading"><div class="loading_text">Wetterdaten werden geladen</div></div>
</div>
<a id="ww_4db7c75d98650_link1" class="link ww_color" href="http://www.wetter.de/wettervorhersage/49-10168-73/wetter-berlin.html" target="_blank">Wettervorhersage Berlin</a>
<form id="ww_4db7c75d98650_form" action="http://www.wetter.de/suche" method="post" target="_blank">
<div class="form_element border">
<input id="ww_4db7c75d98650_searchfield" class="ww_text" style="margin:0px; padding:0px;" type="text" maxlength="50" value="Ort, PLZ oder Land" name="searchstring" onFocus="ww_clearText(this);" onBlur="ww_clearText(this);" />
</div>
<div class="form_element">
<input id="ww_4db7c75d98650_searchbutton" class="ww_button ww_color" type="submit" value="Suchen" />
</div>
</form>
<a id="ww_4db7c75d98650_link2" class="link_home ww_color" href="http://www.wetter.de" target="_blank"><span id="ww_4db7c75d98650_link_home_span">Aktuelles Wetter auf</span><img id="ww_4db7c75d98650_link_home_image" src="http://bilder.static-fra.de/wetter11/css/widget/wetter/images/logo.gif" width="120" height="28" alt="www.wetter.de" title="www.wetter.de" /></a>
</div>
<script type="text/javascript">
/* <![CDATA[ */
(function(){
var wetterWidget = new RTLi.WetterWidget({
cfg_0: 'ww_4db7c75d98650',
cfg_a: '49',
cfg_b: '10168',
cfg_c: 'http://www.wetter.de/wettervorhersage/49-10168-73/wetter-berlin.html',
cfg_d: 'd3ad5f8acd507140345bb8a8e9aee9e5',
cfg_link: 'Wettervorhersage Berlin',
infos: [1,2,3,4]
});
wetterWidget.run();
}());
/* ]]> */
</script>
</div>
<!-- /wetter.de wetter-widget 2.0.0 -->