<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="date.js" type="text/javascript"></script>

<script>

var url = "/newscrap/search.php?keyword=&lastdate=xxxx"
	+"&usedate=false&startdate=xxxx";
var DEFAULT_RETRY_TERM = 10000;

$(function(){
	refresh();
});


var errorStatus = false;
var refreshTimer = null;

function refresh(){
	var dt = new Date();
	document.getElementById("spanTime").innerText = dt.toString("M/d HH:mm:ss");
	var dlm = "%2D";
	var strDt = dt.getFullYear()+dlm+(dt.getMonth()+1)+dlm+dt.getDate();
	var _url = url.replace(/xxxx/g, strDt);
	errorStatus = false;
	
	$.ajax({
		url: _url
		, dataType: 'xml'
		, success: function(xml) {
			errorStatus = false;
			displayData($(xml));
		}
		, error: function(jqXHR, textStatus, errorThrown){
			errorStatus = true;
			displayError(textStatus);
			$("#chkbxAutoFocus").attr("checked", "true");
			resetTimer();
		}
	});
	if($("#chkbxAutoFocus").attr("checked"))
		window.focus();
	resetTimer();
}

function resetTimer(){
	clearTimeout(refreshTimer);
	refreshTimer = window.setTimeout(refresh, getRetryTerm());
}

function getRetryTerm(){
	if(errorStatus)
		return 1000;
	return DEFAULT_RETRY_TERM;
}

function displayData(xml){
	var entries = xml.find("entry");
	var ul = $("#divList ul");
	ul.empty();
	$.each(entries, function(){
		var title = $(this).find("title").text();
		var company = $(this).find("company").text();
		ul.append($("<li>").text(title+" - "+company));
	});
	scroll();
}

function scroll(){
	var body = $("body");
	body.scrollTop(0);
}

function displayError(textStatus){
	var ul = $("#divList ul");
	ul.empty();
	ul.append($("<li>").append($("<h1>").text("ERROR : "+textStatus)).addClass("error"));
	ul.append($("<li>").append($("<h1>").text("ERROR : "+textStatus)).addClass("error"));
	ul.append($("<li>").append($("<h1>").text("ERROR : "+textStatus)).addClass("error"));
	ul.append($("<li>").append($("<h1>").text("ERROR : "+textStatus)).addClass("error"));
	scroll();
}

</script>

<style>
li.error{
	background:red;
	color:yellow;
}
</style>
</head>
<body>
<h3>신문스크랩 모니터링</h3>
<h5>
	(자동 갱신 : <span id="spanTime"></span> <img src="reload.gif" />)
	- <input type="checkbox" id="chkbxAutoFocus" checked="true"/><label for="chkbxAutoFocus">Auto Focus</label>
</h5>
<div id="divList"><ul></ul></div>
</body>
</html>
Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2013-01-28 09:34:22
Processing time 0.0052 sec