Saturday, October 30, 2010

Script Halaman Web Pantau Merapi Real Time (Live)

Sekarang(30-10-2010) kan merapi lagi aktif tuh,jogja jam 02:00 tadi mulai hujan abu..
Nah pemerintah sudah menyediakan web yang bisa kita gunakan untuk memantau real time (live) keadaan merapi, mulai dari situasi keadaan disana yang dipantau melalui cctv dan catatan seismograf. Tapi, web yang disediakan pemerintah untuk mendapatkan data realtime (live) perlu kita refresh setiap kita ingin mendapatkan data tersebut. Nah disini saya menyediakan script untuk menampilkan gambar dari cctv dan catatan seismograf dengan autorefresh (autoreload) jadi kita gak perlu cape-cape refresh (reload) manual.
Langsung aja,cekidot scriptnya:

<html>
<head>
<title>Pantau Merapi Yuks..</title>
<script type="text/javascript" language="javascript">
var delay=30000;
function merapi(get)
{window.location="?"+get;}
function image(view)
{
if(view=="?1")
{
document.getElementById('image').src="http://merapi.bgl.esdm.go.id/view.php?id=18";
setTimeout("merapi('1')",delay);
}
else
{
document.getElementById('image').src="http://merapi.bgl.esdm.go.id/view.php?id=1";
setTimeout("merapi('')",delay);
}
}
</script>
</head>
<body onLoad="image(window.location.search);">
<div align="center">
<input type="button" value="Webcam" onClick=alert("a");merapi(''); />
<input type="button" value="Seismograf" onClick=alert("b");merapi('1'); />
</div>
<div align="center" id="imagex"><img src="" id="image" alt="Loading Image.." onLoad="window.status='asd';" /></div>
<div align="center">Supported By: <a href="http://catment.blogspot.com" target="_blank">catment.blogspot.com</a></div>
</body>
</html>