document.getElementById .... is null or not an object.

[Finseneu]

Estoy trabajando en un script en ajax que entre otras cosas debería servirme para rotar fotos, la idea es que al clickear en un boton me cambie el src de la imagen.

El problema es que me devuelve el error este...creo que el problema esta en que la imagen en cuestion es generada dinamicamente y por eso no encuentra el ID, puede ser?

Y de ser así que solución posible existe?

Muchas gracias desde yá.

[zerokilled]

si te sale ese error es porque no existe algun elemento con el ID que estas indicando. asegurate que estes pasando el ID correcto y que el elemento tenga un ID.

[caricatos]

Hola:

Si dinámicamente se crea el tag con el id que buscas, será mejor referenciarlo después de recibir los datos.

Alternativas son temporizar la asignación, o tener el tag con ese id existente, pero tal vez oculto.

Saludos

[Finseneu]

Me tome el trabajo de reescribir el código para que la imagen se genere en forma estática y el problema persiste asi que eso no era.
El ID es el correcto, a esta altura lo tengo mas que verificado.

Que otra cosa puede ser? :(

[zerokilled]

verifica que la imagen este en el documento antes del script intentar accederlo. es decir, la imagen tiene que existir en el documento primero.

[caricatos]

Hola:

No estarás usando ese mismpo id como nombre de alguna otra variable u objeto...
Tal vez tan solo sea cuestión de redefinirlo.

Saludos

[Finseneu]

Nop, ya probe con otros ids y tampoco va.

[Finseneu]

Iniciado por zerokilled

verifica que la imagen este en el documento antes del script intentar accederlo. es decir, la imagen tiene que existir en el documento primero.

Bueno con eso me hago un lio porque no se si lo que vale es el punto donde se incluye el script o el momento donde se llama a la función....pero de todos modos probe copiando el código debajo de la imagen y no cambia nada.

[zerokilled]

tendras algun ejemplo en linea para comprobarlo.

[Finseneu]

Me quiero volver chango!

Se me dio por probar con un tercer browser (opera) y funciona a la perfección, pero en IE y Firefox no. :(

[Finseneu]

Iniciado por zerokilled

tendras algun ejemplo en linea para comprobarlo.

La verdad que no pero dejo el codigo por las dudas

Código:

function get_pic(pic, pic_id) {

	mydiv = document.getElementById('pic_bg');
	mypic = "pics/" + pic;
	
	var pic_cont = document.getElementById(pic_id);

	ajax=objetoAjax();
	ajax.open("GET", mypic, true);

	ajax.onreadystatechange=function() {
  	
		if (ajax.readyState == 1) { 
			mydiv.innerHTML = "<img src='../img/ajax-loader.gif'>";
		}
		if (ajax.readyState == 4) { 
			pic_cont.src = mypic;	
		}

	}


  ajax.send(null);
  
}

[zerokilled]

¿cual es la linea que la consola de error te indica como error? supongo que una de estas dos.

Código:

	mydiv = document.getElementById('pic_bg');
	var pic_cont = document.getElementById(pic_id);

no me gusta estar adivinando pero supongo que mydiv es un elemento contenedor de la imagen y pic_cont es la imagen en si. asumo tambien que pic_cont esta dentro de mydiv. entonces, el ajax elimina el contenido por una imagen que indica que esta cargando la imagen. luego cuando cambia a estado 4 se cambia la imagen por la deseada. el unico problema que estoy viendo es que pic_cont ya no existe en el documento aunque la variable retiene una referencia del elemento por lo que no genera ningun error, solo que no vas a ver ningun cambio. de momento pienso que aqui no es donde esta el error.

[Finseneu]

gracias por tu tiempo, la linea que genera el error es

Código:

pic_cont.src = mypic;

pic_cont es la imagen a la cual se le rota el src
mydiv es el div donde esta incluida pic_cont

[zerokilled]

como ya te indicaba, el ajax esta borrando la imagen del documento. en lugar escribir la imagen de carga con innerHTML, haz referencia a la imagen contenedora y asignale la URL de la imagen de carga. de esta forma el elemento sigue existiendo en el documento. es decir, tienes que hacer lo mismo que haces en el estado 4 pero en el estado 1 con la URL de la imagen de carga.

[Finseneu]

Muchas gracias amigo, esto definitivamente solucionó el problema, y gracias tambien caricatos.