<html>
<head>
<title>Problema</title>
<script src="uno.js" language="JavaScript"></script>
<style type="text/css">
.voto {
padding:0px;
}
.voto a {
float:left;
width:15px;
text-decoration:none;
text-align:center;
color:#f00;
background-color:#f7f8e8;
border-right:1px solid white;
font-size:13px;
}
.voto li {
display:inline;
}
</style>
</head>
<body>
<h1>Vote esta foto</h1>
<p>
<img src="http://www.forosdelweb.com/f13/foto1.jpg" alt="cuadro sobre geometria generativa">
</p>
<ul class="voto" id="votofoto1">
<li><a href="7.2.php?voto=1">1</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=2">2</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=3">3</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=4">4</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=5">5</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=6">6</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=7">7</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=8">8</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=9">9</a></li>
<li><a onclick="presionBoton()" href="7.2.php?voto=10">10</a></li>
</ul>
<br>
<div id="resultados"></div>
<a href="7.2.txt">Ver resultados</a>
</body>
</html>
--------------------
function presionBoton(e) {
var ref = window.event.srcElement;
var voto = ref.firstChild.nodeValue;
window.event.returnValue=false;
conexion1=crearXMLHttpRequest();
conexion1.open('GET', '7.2.php?voto='+voto, true);
conexion1.onreadystatechange = function() {
var resultados = document.getElementById("resultados");
if(conexion1.readyState == 4) {
resultados.innerHTML = 'Gracias.';
}
else {
resultados.innerHTML = 'Procesando...';
}
}
conexion1.send(null);
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function crearXMLHttpRequest() {
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}