Ayudita con un codigo

[Myless]

Hola!, miren, intento hacer una script que al precionar un boton, se sume 1 a una cuenta que va de 1 a 10 (Es para una votacion). Ya lo hice, pero ahora me gustaria agregar una imagen al resultado.

Mi codigo es:
El div donde muestro los Resultados:

Código:

<input type="button" onclick="proceso()" value="+"/>
    <div id="divMessage" class="numerito"><img src="http://www.ata-mendoza.cl/ani/design/menu_contenido/vote_user/10.jpg" />1</div>

El archivo .JS

Código:

function getXMLHTTPRequest() {
try {
req = new XMLHttpRequest();
} catch(err1) {
  try {
  req = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (err2) {
    try {
    req = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (err3) {
      req = false;
    }
  }
}
return req;
}

var http = getXMLHTTPRequest();

if (http.readyState == 4 || http.readyState == 0)
{
	function proceso() 
	{
  		var id = encodeURIComponent(document.getElementById("divMessage").lastChild.nodeValue);
  		var myurl = 'sumaVoto.php';
  		myRand = parseInt(Math.random()*999999999999999);
  		var modurl = myurl+"?id="+id+"&rand="+myRand;
  		http.open("GET", modurl, true);
  		http.onreadystatechange = useHttpResponse;
  		http.send(null);
	}
}

function useHttpResponse() {
   if (http.readyState == 4) {
    if(http.status == 200) {
      // extraemos el XML recuperado del servidor
      xmlResponse = http.responseXML;
      // obtenemos el "document element" (el elemento raíz) de la estructura XML
      xmlDocumentElement = xmlResponse.documentElement;
      // obtenemso el mensaje de texto, que está en el primer hijo de
	  // el "document element"
      helloMessage = xmlDocumentElement.lastChild.data;
      // actualizamos la pantalla del usuario usando los datos recibidos del servidor
      document.getElementById("divMessage").innerHTML = helloMessage;
    }
   }
}

El codigo .php

Código:

<?php
// generará la salida XML
header('Content-Type: text/xml'); 
// genera el header XML
echo '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>';
// crea el elemento <response>
echo '<response>';

$voto = $_GET['id'];

if($voto > 0 && $voto < 10)
{
	$voto++;
}
echo '<img src="http://www.ata-mendoza.cl/ani/design/menu_contenido/vote_user/10.jpg" />'.$voto;

echo '</response>';
?>

El resultado lo pueden ver aqui:
http://www.ata-mendoza.cl/iniciar/

Como pueden ver, la cuenta al estar en 1, muestra la imagen, pero al precionar el boton mas, ya no sale.

Alguna ayudita por favor.

[David]

Podrías envolverlo en un bloque CDATA:

Código PHP:

echo "<![CDATA[<img src=\"http://www.ata-mendoza.cl/ani/design/menu_contenido/vote_user/10.jpg\" />$voto]]>";
 

[Myless]

GRACIAS!, si funciono :D

[Myless]

Una ultima ayudita :3

Si el codigo de el archivo .html fuera:

Código:

  <div id="divMessage" class="numerito"><center>
  <table border="0" width="240" height="27" cellspacing="0" cellpadding="0">
    <tr>
      <td width="240" background="algo.jpg"><img src="algo.jpg" /></td>
      <td width="240">1</td>
      <td width="240"><img src="algo.jpg" /></td>
    </tr>
  </table>
  </center></div>

¿Como recupero el 1? Es decir el de esta linea:

<td width="240">1</td>

ES que tengo problemitas con los nodos :3

De antemano muchas gracias.

[David]

¿Y no es más fácil devolver el 1 en un nodo aparte? De todos modos, puedes usar getElementsByTagName para buscar todos los <td> y elegir el índice al que quieres acceder.

[Myless]

Esque trato y trato y no logro encontrar el 1 =P

Lo hago asi:

document.getElementsByTagName("td").childNodes[1].nodeValue

¿Esta bien?

[David]

No entiendo por qué usas document cuando el elemento que buscas está en la respuesta del servidor y no en el documento.

Además, getElementsByTagName devuelve una lista de elementos. Véase: https://developer.mozilla.org/es/DOM...mentsByTagName

[Myless]

De este codigo:
<div id="divMessage" class="numerito"><center>
<table border="0" width="240" height="27" cellspacing="0" cellpadding="0">
<tr>
<td width="240" background="algo.jpg"><img src="algo.jpg" /></td>
<td width="240">1</td>
<td width="240"><img src="algo.jpg" /></td>
</tr>
</table>
</center></div>

Quiero recuperar esta linea:
<td width="240">1</td>

Es decir el 1:

¿Eso es respuesta del servidor?

[Myless]

Gracias amigo, ya lo arregle

Muchas muchas gracias otra vez.