dashboard-iframe-refresh-demo/index.php at master · Webconverger/dashboard-iframe-refresh-demo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Dashboard example</title>
<style>
h1 { text-align: center; }
html { font-family: Helvetica, Arial, Sans-Serif; height: 100%; color: black; background-color: white; overflow: hidden; }
body { display: flex; width: 100%; height: 100%; flex-direction: column;}
body > * { flex: 1; }
.box { display: flex; }
.box iframe { flex: 1; }
</style>
</head>
<body>

<h1>Entire page loaded at <?php echo date('r'); ?></h1>
<iframe id="foo" src="/time"></iframe>
<div class=box>
<iframe src="http://www.bbc.com/news"></iframe>
<iframe src="https://webconverger.com/"></iframe>
</div>

<p>Simply showing how to reload the entire page after 10 seconds. As well as refreshing an iframe every second via Javascript. <a href=https://github.com/Webconverger/dashboard-iframe-refresh-demo>MIT licensed source code</a></p>

<script>
window.setInterval("reloadIFrame();", 1000);
window.setInterval("location.reload();", 10000);
function reloadIFrame(){
	var el = document.getElementById('foo');
	el.src = el.src;
}
</script>

</body>
</html>