 |
tRewrite weather page to javascript - adamsgaard.dk - my academic webpage |
 |
git clone git://src.adamsgaard.dk/adamsgaard.dk |
 |
Log |
|
Files |
|
Refs |
|
README |
|
LICENSE |
|
--- |
|
commit 5fbe2d73901efb01586cf15c47dd95b954b80f75 |
|
parent 1d03ede7793674dcf485a47429e73b8a8a509824 |
|
Author: Anders Damsgaard <[email protected]> |
|
Date: Thu, 5 Dec 2019 14:07:08 +0100 |
|
|
|
Rewrite weather page to javascript |
|
|
|
Diffstat: |
|
A output/weather.html | 110 +++++++++++++++++++++++++++++… |
|
D output/weather.php | 74 -----------------------------… |
|
|
|
2 files changed, 110 insertions(+), 74 deletions(-) |
|
--- |
|
diff --git a/output/weather.html b/output/weather.html |
|
t@@ -0,0 +1,110 @@ |
|
+<!DOCTYPE html> |
|
+<html lang="en"> |
|
+<head> |
|
+ <meta charset="utf-8"> |
|
+ <meta name="viewport" content="width=device-width, initial-scale=1"> |
|
+ |
|
+ <script type="text/javascript"> |
|
+ function getUrlVars() { |
|
+ var vars = {}; |
|
+ var parts = window.location.href.replace(/[?&]+([^=&]+… |
|
+ function(m,ke… |
|
+ vars[key]… |
|
+ return vars; |
|
+ } |
|
+ |
|
+ var zip = getUrlVars()["z"]; |
|
+ if (zip == "" || zip == undefined) { |
|
+ zip = 9520; |
|
+ } |
|
+ var lon, lat; |
|
+ if (zip == 1000) { |
|
+ lon = "55.68"; |
|
+ lat = "12.57"; |
|
+ } else if (zip == 7700) { |
|
+ lon = "56.96"; |
|
+ lat = "8.70"; |
|
+ } else if (zip == 8000) { |
|
+ lon = "56.16"; |
|
+ lat = "10.20"; |
|
+ } else if (zip == 9520) { |
|
+ lon = "56.84"; |
|
+ lat = "9.89"; |
|
+ } |
|
+ </script> |
|
+ |
|
+ <title id="pagetitle"></title> |
|
+ |
|
+ <style> |
|
+ body{ |
|
+ margin:1em auto; |
|
+ max-width:40em; |
|
+ padding:0 .62em; |
|
+ font:1.2em/1.62 sans-serif; |
|
+ color:#4d4d4c; |
|
+ } |
|
+ h1,h2,h3 { |
|
+ color:#333; |
|
+ line-height:1.2; |
|
+ } |
|
+ a { |
|
+ color:#126b8c; |
|
+ text-decoration:none; |
|
+ } |
|
+ img { |
|
+ max-width:100%; |
|
+ } |
|
+ @media print { |
|
+ body{ |
|
+ max-width:none |
|
+ } |
|
+ } |
|
+ </style> |
|
+</head> |
|
+<body> |
|
+<article> |
|
+<header> |
|
+<h1 id="demo"></h1> |
|
+<aside> |
|
+ <center> |
|
+ <p> |
|
+ <a href="?z=1000">København</a>, |
|
+ <a href="?z=7700">Thisted</a>, |
|
+ <a href="?z=8000">Aarhus</a>, |
|
+ <a href="?z=9520">Skørping</a> |
|
+ </p> |
|
+ </center> |
|
+</aside> |
|
+</header> |
|
+ |
|
+<p> |
|
+<img src="#" id="dmi-0-2" alt="0-2 days"> |
|
+<br> |
|
+<img src="#" id="dmi-3-9" alt="3-9 days"> |
|
+</p> |
|
+<p> |
|
+<img src="#" id="clearoutside" alt="Clear Outside forecast"> |
|
+</p> |
|
+ |
|
+</article> |
|
+ |
|
+<script> |
|
+ document.getElementById("demo").innerHTML = "Weather forecast for " + … |
|
+ |
|
+ document.getElementById("dmi-0-2").setAttribute("src", |
|
+ "https://servlet.dmi.dk/byvejr/servlet/byvejr_dag1?by="+zip+"&… |
|
+ |
|
+ document.getElementById("dmi-3-9").setAttribute("src", |
|
+ "https://servlet.dmi.dk/byvejr/servlet/byvejr?by="+zip+"&tabel… |
|
+ |
|
+ if (lon && lat) { |
|
+ document.getElementById("clearoutside").style.visibility = "vi… |
|
+ document.getElementById("clearoutside").setAttribute("src", |
|
+ "https://clearoutside.com/forecast_image_large/"+lon+"… |
|
+ } else { |
|
+ document.getElementById("clearoutside").style.visibility = "hi… |
|
+ } |
|
+</script> |
|
+ |
|
+</body> |
|
+</html> |
|
diff --git a/output/weather.php b/output/weather.php |
|
t@@ -1,74 +0,0 @@ |
|
-<?php |
|
- $zip = $_GET["z"]; |
|
- if ($zip == "") { |
|
- $zip = 9520; |
|
- } |
|
-?> |
|
-<!DOCTYPE html> |
|
-<html lang="en"> |
|
-<meta charset="utf-8"> |
|
-<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
-<title>Weather in <?php echo $zip; ?></title> |
|
-<style> |
|
- body{ |
|
- margin:1em auto; |
|
- max-width:40em; |
|
- padding:0 .62em; |
|
- font:1.2em/1.62 sans-serif; |
|
- color:#4d4d4c; |
|
- } |
|
- h1,h2,h3 { |
|
- color:#333; |
|
- line-height:1.2; |
|
- } |
|
- a { |
|
- color:#126b8c; |
|
- text-decoration:none; |
|
- } |
|
- img { |
|
- max-width:100%; |
|
- } |
|
- @media print { |
|
- body{ |
|
- max-width:none |
|
- } |
|
- } |
|
-</style> |
|
-<article> |
|
-<header> |
|
-<h1>Weather in <?php echo $zip; ?></h1> |
|
-<aside> |
|
- <center> |
|
- <p> |
|
- <a href="?z=1000">København</a>, |
|
- <a href="?z=7700">Thisted</a>, |
|
- <a href="?z=8000">Aarhus</a>, |
|
- <a href="?z=9520">Skørping</a> |
|
- </p> |
|
- </center> |
|
-</aside> |
|
-</header> |
|
-<img src="https://servlet.dmi.dk/byvejr/servlet/byvejr_dag1?by=<?php echo $zip… |
|
-<br> |
|
-<img src="https://servlet.dmi.dk/byvejr/servlet/byvejr?by=<?php echo $zip; ?>&… |
|
-<?php |
|
- $lon = ""; |
|
- $lat = ""; |
|
- if ($zip == 1000) { |
|
- $lon = "55.68"; |
|
- $lat = "12.57"; |
|
- } elseif ($zip == 7700) { |
|
- $lon = "56.96"; |
|
- $lat = "8.70"; |
|
- } elseif ($zip == 8000) { |
|
- $lon = "56.16"; |
|
- $lat = "10.20"; |
|
- } elseif ($zip == 9520) { |
|
- $lon = "56.84"; |
|
- $lat = "9.89"; |
|
- } |
|
- if ($lon != "") { |
|
- echo "<br><p><img src=\"https://clearoutside.com/forecast_imag… |
|
- } |
|
-?> |
|
-</article> |
