Ocultar varias imagenes con el mismo nombre a la vez

[emont]

Tengo una pagina web, en la que tengo una tabla en la que coloco la misma imagen y cuando hago click en una de ellas me gustaría que esa y todas las demás que tienen el mismo nombre (en este caso 'mytimer'), pero cuando hago click en una de ellas solo me oculta esa pero las otras no, como hago esto?

mi codigo es:

Código:

document.getElementById('mytimer').style.visibility='hidden';

muchas gracias por la informacion.

[JavierB]

Hola emont

No entiendo bien tu mensaje, por una parte hablas de que todas las imágenes tienen el mismo nombre, pero luego en el código utilizas el id

¿Puedes poner el código de alguna de las imágenes?

Saludos,

[emont]

Gracias por tu respuesta.
Este es el codigo para las imagenes.

Código HTML:

<img src="images/Timestamp.gif" name="mytimer" id="mytimer" alt="Presione para iniciar el Timer" width="17" height="14" onclick="abreventana();" <%if rsbus("tllamada")<>"" then%> style="visibility:hidden"<%end if%> />

y este es mi codigo en javascript:

Código:

<script language="javascript">
  function abreventana(){
    document.getElementById('mytimer').style.visibility='hidden';      
  }
</script>

Agradezco la ayuda que me puedas brindar.

[emont]

como te decía con este codigo solo me oculta la imagen en la que hice click, pero tambien tengo otras que tienen el mismo nombre y deseo ocultarlas con el fin de que no vuelvan a hacer click sobre ellas.

[JavierB]

Hola de nuevo.

Por lo que veo estás poniendo el mismo id a todas las imágenes y eso es incorrecto, el id debe ser único.

Si tienes todas las imágenes en la misma tabla, puedes ponerle un identificador <table id="algo"> y recorrer las imágenes para hacerlas desaparecer:

Código:

<script type="text/javascript">
obj = document.getElementById('algo');
for (i=0; ele = obj.getElementsByTagName('img')[i]; i++)
  ele.style.visibility = 'hidden';
</script>

Saludos,