Problema con innerHTML en IE

[gao]

Hola a todos. Tengo el siguiente código:

if (oXmlHttp.status == 200) {
var result = oXmlHttp.responseText.split("#");
/*
0: referencia
1: disponibilidad
*/
var referencia = result[0];
var disponibilidad = result[1];
document.getElementById('precioTotal').innerHTML = document.getElementById('unidades').value * document.getElementById('precio').value;
document.getElementById('referencia').innerHTML = referencia;
document.getElementById('referenciaInput').value = referencia;
document.getElementById('disponibilidad').innerHTM L = disponibilidad;
}


En Firefox funciona correctamente. El problema lo tengo con Internet Explorer, que la línea document.getElementById('referencia').innerHTML = referencia; me da el siguiente error: Error desconocido en tiempo de ejecución.

En concreto, la línea que se está intentando sustituir es la siguiente:
<td class="fondo_precios_f01" align="center"><div id="referencia"> </div></td>

Vamos, nada del otro mundo. Esto no funciona ni en IE6 ni IE7. No he probado en otros IE....

¿Alguna idea?

Saludos y gracias!

[gao]

He cambiado el código que asigna la referencia por este otro:
var r = document.createTextNode(referencia);
document.getElementById('referencia').appendChild( r);

Sigue sin funcionar....

[Panino5001]

Pueden ser varias cosas. Te sugiero en principio que reemplaces el caracter separador. También te sugiero que te asegures de que el tipo de datos sea correcto (tendrías que hacer parseInt(valor) para asegurarte de que las operaciones matemáticas las hacés con números en lugar de texto).

[gao]

Hola. Gracias por responder. En realidad no hago operaciones con el número, así que me da igual que sea texto o entero. Por otra parte, he comprobado que el elemento que referencio con document.getElementById('referencia') se encuentra, así como que la variable referencia tiene un valor válido. Todo está ok. Lo que no consigo es meter en ese id el texto de la variable.

Saludos

[Panino5001]

Una cosa que me olvidé: Explorer suele confundir los id de los elementos html como nombres de variable. Es posible que esté sucediendo eso. Porqué no probás cambiar el nombre de la variable referencia (y fijate si no hay otras con los que suceda lo mismo) a ver si no es eso. Comentanos el resultado.

[Panino5001]

Veo que con disponibilidad pasa lo mismo

[gao]

Sigue igual. Si elimino la línea de referencia, la disponibilidad si se muestra. Si no la comento, como falla la de referencia, que va antes que disponibilidad, pues no se muestra.

Saludos y gracias

[Panino5001]

No se trata de eliminar sino de que la variable no se llame igual que el id (que si hay un objeto DOM cuyo id es referencia, no exista una variable llamada referencia -que se llame _referencia o referencia2, por ejemplo-, y lo mismo con el resto)

[gao]

Sí sí, si he hecho eso, pero además he intentado eliminar las líneas a ver qué ocurria.

Acabo de hacer una prueba en la que he puesto alert(document.getElementById('referencia').innerH TML) y me ha aparecido en blanco. He cambiado el contenido de <div id="referencia"></div> por <div id="referencia">a</div> y ha aparecido también en blanco...

No sé si es que he olvidado javascript o me estoy volviendo más tonto por momentos, porque yo juraría que esto es así...

[Panino5001]

Podés subir tu ejemplo a un lugar donde pueda verse?

[gao]

Por desgracia no puedo subir nada... De todas formas, os pongo los dos códigos, ya que no es mucho...

[CODIGO HTML]
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td class="fondo_precios_2_f01" valign="top"><table class="texto_precios_cajas" border="0" cellpadding="3" cellspacing="1" width="100%">
<tbody><tr>
<td class="fondo_precios_f01" align="center">{$_precio}:</td>
<td class="fondo_precios_f01" align="center">{$_referencia}:</td>
</tr>
<tr>
<td class="fondo_precios_f01" align="center">{$producto->getPrecio()} &euro;</td>
<td class="fondo_precios_f01" align="center"><div id="referencia"> </div></td>
</tr>
</tbody></table>



[CODIGO JAVASCRIPT]
function actualizarPrecio() {
var oXmlHttp = getHttpRequest();
oXmlHttp.open("get", "controller.php?action=actualizarPrecios&referenci a="+document.getElementById('variedades').value, true);

oXmlHttp.onreadystatechange = function() {
if (oXmlHttp.readyState == 4) {
if (oXmlHttp.status == 200) {
var result = oXmlHttp.responseText.split("#");
/*
0: referencia
1: disponibilidad
*/
var ref = result[0];
var disp = result[1];

document.getElementById('precioTotal').innerHTML = document.getElementById('unidades').value * document.getElementById('precio').value;
alert(document.getElementById('referencia').innerH TML);
document.getElementById('referencia').innerHTML = ref;
document.getElementById('referenciaInput').value = ref;
document.getElementById('disponibilidad').innerHTM L = disp;
} else {
alert('Ha ocurrido un error al intentar recuperar los datos. Código de error HTTP: ' + oXmlHttp.status);
}
}
};
oXmlHttp.send(null);
}

Saludos

[gao]

Bueno... ya lo he solucionado... el div tenia un id="referencia", lo he cambiado por id="ref". Además, la variable en javascript se llama ref y la he cambiado a referencia. Con esto funciona....

¿Alguien sabe alguna guía por la que nos podamos regir para que todo funcione tanto en IE como en Firefox como en cualquier otro? Es un follón estar programando para dos y cuando crees que lo q estas haciendo es estándar, q te den fallos como este...

Saludos y gracias por todo

[Vane23]

disculpen que me meta jeje pero yo tenía un problema parecido y quiero agradecer porque ya me estaba molestando "un poco" este explorer, por ningún lado encontraba una respuesta y con esto que comentas (ids-variables) Panino lo he resuelto, gracias y salu2

[minkweb]

Sobre este tema queria aportar algo, en mi caso me continuo ocurriendo y era por que estaba usando <spam> con un id y IE no lo reconocia moz si

Saludos

[nucleorion]

Muchas gracias

A mi tambien me sirvio este tema y mucho :)

Queria apuntar que en mi caso no pude llamarle inter a una id (id="inter") porque habia una linea en un comentario:

<!--<input type="text" size="8" name="inter" value="00:00:00.00 ">-->

al hacer un getElementById('inter') no tenia efecto alguno.

Le puse id="pantallainter" y getElementById('pantallainter') y a funcionar.