Javascript / Ajax: Enviar resultado a un Div no me funciona

[sentnel]

Hola!

Podrian decirme porque en esta pagina no me funciona que los resultados de la consulta se muestren en los divs?

Pueden ver la pagina aqui

Hasta ahora logro que cada escaneo me devuelva los resultados en los campos de texto del formulario. Pero mi necesidad es la siguiente:

1- Que cuando yo escanee un paquete o articulo me devuelva el nombre en un DIV y el peso en otro DIV (no en el formulario).

SINTESIS: No me devuelve los datos a los divs pero a los campos del formulario si.

Aqui les muestro el codigo de la pagina:

Código:

<script language="javascript" type="text/javascript">
<!-- 
// Get the HTTP Object
function getHTTPObject(){
   if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
   else if (window.XMLHttpRequest) return new XMLHttpRequest();
   else {
      alert("Your browser does not support AJAX.");
      return null;
   }
}   


 
// Change the value of the outputText field
function setOutput(){
    if(httpObject.readyState == 4){
		var respuesta = httpObject.responseText.split(",");
        document.getElementById('outputText0').value = httpObject.innerHTML= respuesta[0];
	document.getElementById('outputText1').value = httpObject.innerHTML= respuesta[1];
	document.getElementById('articulo').value = httpObject.innerHTML= respuesta[0];
	document.getElementById('peso').value = httpObject.innerHTML= respuesta[1];
    }
 
}
 
// Implement business logic    
function doWork(){    
    httpObject = getHTTPObject();
    if (httpObject != null) {
        httpObject.open("GET", "procesador.php?inputText="
                        +document.getElementById('inputText').value, true);
        httpObject.send(null); 
        httpObject.onreadystatechange = setOutput;
    }
}
 
var httpObject = null;
 
//-->


</script>

 
<form name="testForm">
     Scan: 
       <input type="text"  onkeyup="doWork();" name="inputText" id="inputText" /> 
     Articulo: 
     <input type="text" name="outputText0" id="outputText0"/>
Peso:     
<input type="text" name="outputText1" id="outputText1" />

     
</form>

  <script language="JavaScript">
<!--

document.testForm.inputText.focus();

//-->
  </script>
  
  <br />


<div id='resultadosScan1'>  <div id="articulo" class="articulo">Necesito el &quot;articulo&quot; aqui</div>
  &nbsp;<div id="peso" class="peso">Necesito el &quot;peso&quot; aqui</div></div><br />

Nota: Actualmente el escaneo debiera mostrar los resultados tanto en los campos del formulario como en los divs, pero cuando resuelva este problema los campos del formulario se van, ya que solo debe quedar del formulario el campo de texto de escaneo, los campos de texto de "articulo" y de "peso" no van.


Gracias!

[Panino5001]

En lugar de usar:

Código PHP:

  document.getElementById('articulo').value=  
   

Deberías usar:

Código PHP:

  document.getElementById('articulo').innerHTML=  
   

Y lo mismo para el otro elemento, ya que value sólo aplica a elementos de formulario y esos elementos son de tipo div

[sentnel]

Gracias mil Panino5001 !

Funciona bien pero me trae otro problema que no se como manejarlo, al eliminar los campos de texto "articulo" y "peso" del formulario para solo dejar los "divs" para recibir los resultados entonces al escanear no me arroja los resultados a los divs y en cambio envia a la barra de direcciones el siguiente URL:

Código:

http://sentnel.info/?inputText=8802946000357

Como le hago para eliminar esos campos del formulario y que solo se queden los divs para recibir los datos?

Gracias de nuevo!

[sentnel]

Problema resuelto via CSS, simplemente escondi los campos agregando los siguientes estilos:

Código:

#outputText0 { width:1px; border:0px; color:#ffffff;}
#outputText1 { width:1px; border:0px; color:#ffffff;}

Gracias todos!