anbei ein paar Dateien, welche die aktuellen Wetterdaten des Deutschen Wetter Dienst herunterladen und in einer Systemvariablen automatisch stündlich aktualisieren.
Dabei kann aus verschiedenen Vorhersagegebieten und aus verschiedenen Regionen im Script gewählt werden.
Das ganze sieht bei mir dann so aus:
Wenn man über die Vorschaubilder fährt, werden diese vergrößert dargestellt.
Die SV lasse ich mir unter Favoriten anzeigen.
Die Einrichtung ist im Script beschrieben.
Bei Fragen oder Anregungen, einfach schreiben.
Viel Spaß,
Grüße
dzvo
Da man hier keine HTML Datei hochgeladen bekommt, hier der Inhalt der Datei: dwd.html
Code: Alles auswählen
<script type="text/javascript" >
function applyVisibility(obj_name, new_value) {
document.getElementById(obj_name).style.visibility=new_value;
}
</script>
<style type='text/css'>
a.menue, a.menue:link, a.menue:visited, a.menue:active {
position: relative;
text-decoration: none;
}
a.menue:hover {
z-index:1000;
background: transparent;
}
a.menue span {
display: none;
text-decoration: none;
}
a.menue:hover span {
z-index:1;
display: block;
position: fixed;
top: 80px;
left: 32px;
}
#heute {
position: fixed;
top: 35px;
left: 10px;
visibility: visible;
}
#morgen {
position: fixed;
top: 35px;
left: 10px;
visibility: hidden;
}
#uebermorgen {
position: fixed;
top: 35px;
left: 10px;
visibility: hidden;
}
#vorhersage {
top: 10px;
}
</style>
<div style='height: 30px; margin-left:7px;'>
<input type='button' value='Heute' style='width: 145px;' onclick="applyVisibility('heute', 'visible'); applyVisibility('morgen', 'hidden'); applyVisibility('uebermorgen', 'hidden')">
<input type='button' value='Morgen' style='width: 145px;' onclick="applyVisibility('morgen', 'visible'); applyVisibility('heute', 'hidden'); applyVisibility('uebermorgen', 'hidden')" >
<input type='button' value='Übermorgen' style='width: 145px;' onclick="applyVisibility('uebermorgen', 'visible'); applyVisibility('heute', 'hidden'); applyVisibility('morgen', 'hidden')">
</div>
<div id="heute">
<div align='center'>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/heute_frueh.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/heute_frueh.jpg'></span></a>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/heute_mittag.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/heute_mittag.jpg'></span></a>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/heute_spaet.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/heute_spaet.jpg'></span></a>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/heute_nacht.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/heute_nacht.jpg'></span></a>
</div>
<object type='text/html' class='vorhersage' data='http://### IP DER CCU ###/addons/dwd/heute.txt.html' width='460px'height='350px' ></object>
</div>
<div id="morgen">
<div align='center'>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/morgen_frueh.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/morgen_frueh.jpg'></span></a>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/morgen_spaet.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/morgen_spaet.jpg'></span></a>
</div>
<object type='text/html' class='vorhersage' data='http://### IP DER CCU ###/addons/dwd/morgen.txt.html' width='460px'height='350px' ></object>
</div>
<div id="uebermorgen">
<div align='center'>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/ueberm_frueh.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/ueberm_frueh.jpg'></span></a>
<a href='#' class='menue' ><img src='http://### IP DER CCU ###/addons/dwd/ueberm_spaet.jpg' border='0' width='110px' height='100px' align='left' hspace='2'>
<span><img width='412' height='375' src='http://### IP DER CCU ###/addons/dwd/ueberm_spaet.jpg'></span></a>
</div>
<object type='text/html' class='vorhersage' data='http://### IP DER CCU ###/addons/dwd/uebermorgen.txt.html' width='460px'height='350px' ></object>
</div>
</div>