Foros del Web » Programando para Internet » Javascript »

Recorrer imagenes

Estas en el tema de Recorrer imagenes en el foro de Javascript en Foros del Web. Hola a todos!! Q tal?? Qué método hay q emplear para recorrer todas las imagenes q hay en un <div>? Lo que puedo hacer hasta ...
  #1 (permalink)  
Antiguo 04/02/2005, 04:04
 
Fecha de Ingreso: diciembre-2004
Mensajes: 68
Antigüedad: 19 años, 4 meses
Puntos: 0
Recorrer imagenes

Hola a todos!! Q tal??

Qué método hay q emplear para recorrer todas las imagenes q hay en un <div>? Lo que puedo hacer hasta ahora es controlar la imagen q le paso como parámetro en el onclick.

Con esto quiero averiguar cual es el nombre de cada imagen y así poder realziar una u otra función.


Gracias
__________________
Y ella le ve, se sienta con el
todas las noches hasta el amanecer
Le habla al oido, le roza la piel
y cuando se va le pide en silencio que vuelva otra vez
  #2 (permalink)  
Antiguo 04/02/2005, 04:10
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola rubenASP

Prueba esto:
Código:
elem=document.getElementById('idDelDiv');
ele=elem.getElementsByTagName('img');
for(i=0;i<ele.length;i++)
alert(ele[i].name);
Espero que te sirva. Saludos,
  #3 (permalink)  
Antiguo 04/02/2005, 04:17
 
Fecha de Ingreso: diciembre-2004
Mensajes: 68
Antigüedad: 19 años, 4 meses
Puntos: 0
En el idDelDiv, si no pongo nada me da fallo, porque no he puesto ningun identificador, solo he puesto <div>
Y luego, en el getElementsByTagName, el problema es que no se el nombre de cada imagen, porque cada vez es distino.

toy perdidisimo.....
__________________
Y ella le ve, se sienta con el
todas las noches hasta el amanecer
Le habla al oido, le roza la piel
y cuando se va le pide en silencio que vuelva otra vez
  #4 (permalink)  
Antiguo 04/02/2005, 04:42
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola de nuevo.

En el div tienes que poner un identificador: <div id='idDelDiv'>

Ahora te comento como funciona el código:

elem=document.getElementById('idDelDiv');
//Pasa a la variable elem el objeto que tiene el indentificador idDelDiv

ele=elem.getElementsByTagName('img');
//Pasa a la variable ele todos los objetos, dentro del div, que tienes la etiqueta <img>, con lo que tienes una matriz de elementos.

for(i=0;i<ele.length;i++)
//Recorre la matriz

alert(ele[i].name);
//Averigua el atributo name de cada elemento de la matriz.

Si sigues teniendo dudas, no dudes en volver a preguntar. Saludos,
  #5 (permalink)  
Antiguo 04/02/2005, 05:02
 
Fecha de Ingreso: diciembre-2004
Mensajes: 68
Antigüedad: 19 años, 4 meses
Puntos: 0
Gracias por explicarme el código

<div id='imagenes'>

//codigo en asp

//inicio for

<td width="20" height="20" align="center"><a href="#"><img src="imagen1.gif" name="<%= cadena%>" width="15" height="15" border="0" onClick="recorro(this);"></td>


//fin del for

</div>

y el código de javascript (el q me has pasado):

elem=document.getElementById('imagenes');
ele=elem.getElementsByTagName('img');
for(i=0;i<ele.length;i++)
alert(ele[i].name);

y hago tambien un alert(ele.length) y me sale siempre 0.

¿a qué puede deberse?
__________________
Y ella le ve, se sienta con el
todas las noches hasta el amanecer
Le habla al oido, le roza la piel
y cuando se va le pide en silencio que vuelva otra vez
  #6 (permalink)  
Antiguo 04/02/2005, 11:01
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Rehola.

¿Puedes poner la tabla que te genera el código ASP? Si es muy grande bastará con el principio (etiqueta <table>) y 2 ó 3 filas.

Saludos,
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:03.