Obtener objeto html sin id, class o tags...

jogissa · #1 (**permalink**) 20/12/2007, 09:34

Buenas a todos,

Estoy empleando google maps, y en la respuesta del servidor me devuelve una ristra de objetos imagen que se corresponden con los markers que he puesto (iconos sobre el mapa). El caso es que si cambio ese código puedo cambiar el icono de un marker sin tener que crear uno nuevo, el problema es que desde el propio archivo htm no puedo llamar a una imagen determinada, ya que lo que me devuelve es, por ejemplo, para 3 imágenes:

<img id="mtgt_undefined" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 285px; top: 99px; width: 10px; height: 10px; -moz-user-select: none; z-index: -3947609; cursor: pointer;" src="iconito.png"/>
<img id="mtgt_undefined" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 254px; top: 185px; width: 10px; height: 10px; -moz-user-select: none; z-index: -3947538; cursor: pointer;" src="iconito.png"/>
<img id="mtgt_undefined" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 222px; top: 259px; width: 10px; height: 10px; -moz-user-select: none; z-index: -3947476; cursor: pointer;" src="iconito.png"/>

Entonces quisiera saber si es posible localizar a un objeto imagen determinado con Javascript, ya que en este caso no se pueden utilizar getElementById ni getElementByClass.

Gracias de antemano y saludos!

JavierB · #2 (**permalink**) 20/12/2007, 10:10

Hola jogissa

Puedes utilizar getElementsByTagName

Código:

imagenes = document.getElementsByTagName('img');

Ahora imagenes es un array con todas las etiquetas img que tienes en tu documento.

Saludos,

derkenuke · #3 (**permalink**) 20/12/2007, 13:25

Hola jogissa:

¿Te has cerciorado de si la interfaz de gmaps permite hacer directamente lo que tú quieres? No estoy seguro pero creo que sí dejaba poner markers personalizados...

Revisa su documentación, a ver si hay suerte.

Un saludo.

jogissa · #4 (**permalink**) 21/12/2007, 00:36

Gracias por las respuestas. Si, google maps te permite poner markers personalizados (de hecho para poner un punto rojo sólo ya he tenido que crearlo), pero lo que quería era modificar el icono de forma dinámica, sin tener que destruir y volver a crear el marker.

Probaré con getItemsByTag a ver... ya os comento si me va bien o no

Gracias y saludos.

jogissa · #5 (**permalink**) 21/12/2007, 01:53

Buenas, lo he probado... y se supone que obtengo un array de [object HTML Collection] (según el firebug de mozilla). El problema es que ahora no se como acceder a los atributos de style de cada objeto (si en teoría están en el array), me refiero a que si por ejemplo quiero cambiar el parámetro src, como lo podría hacer? alguna idea?

Gracias y saludos

JavierB · #6 (**permalink**) 21/12/2007, 01:59

Hola de nuevo.

Te pongo un ejemplo más completo, para cambiar la segunda imagen:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function cambiar() {
  imagenes = document.getElementsByTagName('img');
  imagenes[1].src = 'imagen2.gif';
}
</script>
</head>
<body>
<img src="imagen1.gif" />
<img src="imagen1.gif" />
<input type="button" onclick="cambiar()" />
</body>
</html>

Saludos,

jogissa · #7 (**permalink**) 21/12/2007, 04:17

Gracias Javier, ya puedo cambiar las imágenes sin necesidad de destruir y volver a crear el objeto. Lo que me queda ahora es averiguar como relaciona google maps los markers con las imágenes asociadas a los mismos. De momento he sacado una regla empírica que se suele cumplir, pero la relación exacta no está clara... aunque con esto ya me alejo del tema del foro, jeje.

Muchas gracias por las respuestas,

Un saludo!