Skip to content

Instantly share code, notes, and snippets.

@v2keener
Created September 20, 2013 13:26
Show Gist options
  • Save v2keener/6637528 to your computer and use it in GitHub Desktop.
Save v2keener/6637528 to your computer and use it in GitHub Desktop.
Radar.html with reload functionality
<html>
<!-- GLK:
This is taken directly from
https://github.com/bdargan/techradar
-->
<head id="headElement">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/protovis-3.2/protovis-d3.2.js"></script>
<script type="text/javascript" charset="utf-8" src="utils.js"></script>
<script id="scriptRadarData" type="text/javascript" charset="utf-8" src="radars/radarData.js"></script>
<style type="text/css" media="screen">
#fig {
height: 1000px;
width: 1200px;
}
</style>
<script id="scriptRadar" type="text/javascript" src="radar.js" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
</script>
</head>
<body onload="init(h,w);">
<div><button value="Reload data" onclick="reload();" >Reload data</button></div>
<h1 id="title" style="text-align: center;"></h1>
<div id="radar"></div>
<script lang="text/javascript">
// Reload data, reinit
function reload(){
function scriptNodeReplace(id, scriptPath){
var header = document.getElementById("headElement");
var scriptNode = document.getElementById(id);
header.removeChild(scriptNode);
window.setTimeout(function(){
var s = document.createElement('script');
s.setAttribute('src', scriptPath);
s.setAttribute('id', id);
header.appendChild(s);
}, 1);
}
scriptNodeReplace("scriptRadarData", "radars/radarData.js?a=" + Math.random());
scriptNodeReplace("scriptRadar", "radar.js?a=" + Math.random());
window.setTimeout(function(){
init(h,w);
}, 100);
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment