07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
85 lines
3.9 KiB
HTML
85 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- Die 3 Meta-Tags oben *müssen* zuerst im head stehen; jeglicher sonstiger head-Inhalt muss *nach* diesen Tags kommen -->
|
|
<title>Wetter</title>
|
|
|
|
<!-- Bootstrap -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/custom.css" rel="stylesheet">
|
|
<link href="css/weather-icons.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto:400,500,700" rel="stylesheet">
|
|
|
|
<!-- Unterstützung für Media Queries und HTML5-Elemente in IE8 über HTML5 shim und Respond.js -->
|
|
<!-- ACHTUNG: Respond.js funktioniert nicht, wenn du die Seite über file:// aufrufst -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-default">
|
|
<div class="container-fluid navb">
|
|
<div class="navbar-header">
|
|
<img alt="stwhas_logo" src="img/stwhas_logo.png">
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container-fluid weather">
|
|
<h1>Stündliche Wettervorhersage für Haßfurt</h1>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-condensed table-hover">
|
|
<tbody>
|
|
<tr>
|
|
<th>Datum - Stunde</th>
|
|
<th>Zustand</th>
|
|
<th>Temperatur</th>
|
|
<th>Luftfeuchtigkeit</th>
|
|
<th>Windgeschwindigkeit</th>
|
|
<th>Windrichtung</th>
|
|
<th>Druck</th>
|
|
</tr>
|
|
<script type="text/javascript">
|
|
var weather = new XMLHttpRequest();
|
|
weather.open("GET", "http://api.wunderground.com/api/518b077f4729bc5a/hourly/lang:DL/q/pws:ISCHONUN5.json", false);
|
|
weather.send(null);
|
|
var r = JSON.parse(weather.response);
|
|
|
|
for (i = 0; i < r.hourly_forecast.length; i++) {
|
|
var hour = r.hourly_forecast[i].FCTTIME.hour_padded;
|
|
var mon = r.hourly_forecast[i].FCTTIME.mon_padded;
|
|
var day = r.hourly_forecast[i].FCTTIME.mday_padded;
|
|
var cond = r.hourly_forecast[i].condition;
|
|
var temp = r.hourly_forecast[i].temp.metric;
|
|
var hum = r.hourly_forecast[i].humidity;
|
|
var windg = r.hourly_forecast[i].wspd.metric;
|
|
var windr = r.hourly_forecast[i].wdir.dir;
|
|
var pres = r.hourly_forecast[i].mslp.metric;
|
|
|
|
document.write("<tr>");
|
|
document.write("<td>" + day + "." + mon + ". - " + hour + " Uhr" + "</td>");
|
|
document.write("<td>" + cond + "</td>");
|
|
document.write("<td>" + temp + " °C" + "</td>");
|
|
document.write("<td>" + hum + " %" + "</td>");
|
|
document.write("<td>" + windg + " m/h" + "</td>");
|
|
document.write("<td>" + windr + "</td>");
|
|
document.write("<td>" + pres + " hPa" + "</td>");
|
|
document.write("<tr>");
|
|
};
|
|
</script>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
</body>
|
|
|
|
</html>
|