Índice MEM a las

Copia y pega el siguiente código en tu página para obtener nuestro widget (de arriba) con los datos minuto a minuto.

<script type="text/javascript">
var sendData = new ajaxRequest('http://www.monitoreoelectoralmexico.com/data.csv', 'request=true', showReceived);
sendData.sendPostData();
setInterval(function(){
	var sendData = new ajaxRequest('http://www.monitoreoelectoralmexico.com/data.csv', 'request=true', showReceived);
	sendData.sendPostData();
	},60000);
function showReceived(returnData){
	var response = returnData.responseText.split("\n");
	var data = [response[response.length-2].split(",")[0],response[response.length-2].split(",")[1],response[response.length-2].split(",")[2],response[response.length-2].split(",")[3]];
	var divs = document.getElementsByTagName("mem")[0].getElementsByTagName("div")[0];
	var myText = data[0].substring(0,2)+':'+data[0].substring(2,4);
	var temp = document.createTextNode(myText);
	if (divs.getElementsByTagName("div")[0].childNodes.length == 4){
		divs.getElementsByTagName("div")[0].removeChild(divs.getElementsByTagName("div")[0].lastChild)
	}divs.getElementsByTagName("div")[0].appendChild(temp);
	for (var i = 1; i < 4; i+=1){
		temp = document.createTextNode(data[i]);
		if (divs.getElementsByTagName("div")[i].childNodes.length > 0){
			divs.getElementsByTagName("div")[i].removeChild(divs.getElementsByTagName("div")[i].lastChild)
		}
		divs.getElementsByTagName("div")[i].appendChild(temp);
	}
}
// ===========================================
function ajaxRequest(theURL, sendString, callbackFunction){
	var thisRequestObject;thisRequestObject = initiateRequest();
	thisRequestObject.onreadystatechange = processRequest;
	function initiateRequest(){
		if (window.XMLHttpRequest)	
			return new XMLHttpRequest();
		elseif (window.ActiveXObject)	
			return new ActiveXObject("Microsoft.XMLHTTP");
		}
	function processRequest(){
		if (thisRequestObject.readyState == 4){
			if (thisRequestObject.status == 200){		
				if (callbackFunction)			
					callbackFunction(thisRequestObject, sendString);
				}		
			else			
				alert("There was an error: (" + thisRequestObject.status + ") " + thisRequestObject.statusText);
			}
		}
	this.sendGetData = function(){
		if (theURL){thisRequestObject.open("GET", theURL, true);
		thisRequestObject.send(sendString);
		}
	}
	this.sendPostData = function(){
		if (theURL){
			thisRequestObject.open("POST", theURL, true);
			thisRequestObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			thisRequestObject.send(sendString);
		}
	}
}
//===============================================
</script>
<style type="text/css">
mem div{width: 115px;font-size:11px;text-align:left;color:#333;padding:3px;text-shadow: 0px 0px 2px #666;font-weight: bold;color:#060;background-color: #efefef;float:left;margin-left: 1px;}
mem .wrap{border: 1px solid #060;border-radius: 3px;width: 235px;}
mem .amlo{background-color: rgb(253,203,0);color: #FFF;text-align:center;width: 30px;border-radius: 3px;}
mem .epn{background-color: rgb(213,4,16);color: #FFF;text-align:center;width: 30px;border-radius: 3px;}
mem .jvm{background-color: rgb(15,58,122);color: #FFF;text-align:center;width: 30px;border-radius: 3px;
}
</style>
<mem><div class="wrap">	<div>Índice <a href="http://www.monitoreoelectoralmexico.com">MEM</a> a las </div>	<div class="epn"></div>	<div class="amlo"></div>	<div class="jvm"></div></div>
</mem>