Domotica - Home Automation Forum
https://www.domoticaforum.eu/
dit is niet correct javascript kan wel cross domain gegevens verkrijgen , als je voor internet zone cross domain gegevens uitwisseling inschakeld werkt de volgende code welIrritanterik wrote:Kees, heb je het php-bestand (GetRainPrediction.php) op een php-server draaien? Dat is wel een vereiste voor de oplossing, omdat direct aanroepen van gps.buienrader.nl niet werkt vanuit javascript.
Code: Select all
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var msg;
$.ajax({
type: "GET",
url: "http://gps.buienradar.nl/getrr.php?lat= 51.8409634&lon=4.3152204",
contentType : "application/x-www-form-urlencoded; charset=UTF-8",
dataType: "html",
success: function (msg) {
// Replace the div's content with the page method's return.
$("#Result").text(msg.d);
}
});
});
</script>Code: Select all
<!DOCTYPE html>
<html>
<head>
<title>Voorbeeld buienalarm grafiek</title>
<meta name='viewport' content='initial-scale=1, user-scalable=no, maximum-scale=1'>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<div id="regenverwachting" style="width: 800px; height: 300px; margin: 0 auto"></div>
<script type="text/javascript">
$(function () {
var chart;
Highcharts.setOptions({
global: {
useUTC: false
}
});
$(document).ready(function () {
var options = {
chart: {
renderTo: 'regenverwachting',
zoomType: null,
alignTicks: false,
events: {
load: function () {
setInterval(function () {
reload();
}, 60 * 1000);
}
}
},
credits: { enabled: false },
exporting: { enabled: false },
title: { text: null },
tooltip: {
formatter: function () {
return Highcharts.dateFormat('%H:%M', this.x) + '<br/>' +
'<b>' + this.y + '</b> mm/h<br/>';
}
},
legend: { enabled: false },
plotOptions: {
series: {
shadow: false,
marker: {
enabled: false
},
},
},
xAxis: {
type: 'datetime',
title: null,
lineWidth: 0,
tickWidth: 1,
},
yAxis: {
title: { text: 'intensiteit (mm)' },
lineWidth: 0,
tickWidth: 0,
gridLineWidth: 1,
min: 0,
showFirstLabel: false
},
series: [{
type: 'areaspline',
name: 'Intensiteit',
pointInterval: 300 * 1000,
pointStart: (new Date()).getTime(),
data: []
}
]
}
chart = new Highcharts.Chart(options);
reload(true);
});
function reload(isFirstLoad) {
pairs = [];
buienradar();
setTimeout(draw, 800)
}
function draw() {
chart.series[0].setData(pairs, true);
chart.redraw();
}
var msg ;
var n = [];
var pairs = []; // array of pairs made from n
function buienradar() {
$.ajax({
type: "GET",
url: "http://gps.buienradar.nl/getrr.php?lat= 51.8409634&lon=4.3152204",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
dataType: "html",
success: function (msg) {
$("#Result").text(msg.d);
n = msg.split("\r\n");
delete n[25];
for (var i = 0; i < n.length - 1; i++) {
var time;
var rain;
time = n[i].substr(4, 5);
rain=parseInt(n[i].substr(0, 3));
rain = Math.pow(10, ((rain - 109) / 32));
rain = parseFloat(rain.toFixed(2));
pairs.push([time,rain]);
};
}
});
}
});
</script>
</body>
</html>
Hi,Peterpc wrote:Inmiddels naar HS3 overgestapt.
Heeft iemand het script al omgezet naar HS3?