Duda con código usando document.getElementById

[indie81]

Hola,

Estoy haciendo un pequeño código usando document.getElementById, y funciona pero "a medias".

Consiste en que tengo un listado de X productos, que puede ser desde 0 hasta los que queráis. Y quiero que los 3 primeros productos se muestren siempre, y el resto de productos, al pulsar un enlace VER MÁS.

Hago el código, se ven sólo los 3 primeros, pero al pulsar VER MÁS, se muestra el producto nº4 pero NO los demás. Y no sé por qué, porque todos tienen la misma ID.

Os lo escribo.

FUNCIÓN JAVASCRIPT:

Código:

<script language="JavaScript" type="text/JavaScript">
	function mostrardiv() {
	div = document.getElementById('item_oculto');
	div.style.display = '';
	}
</script>

Y EL CÓDIGO EN LA PARTE VISIBLE:

Código PHP:

  <div id="item">
bla bla bla
</div>
<div id="item">
bla bla bla
</div>
<div id="item">
bla bla bla
</div>
 
<div class="item" id="item_oculto" style="display:none ">
bla bla bla
</div>
<!-- Esta caja se repite ya hasta x.lenght() -->
 
<!-- y ahora pongo el enlace que llama a la función que quita ese "display:none" -->
<a href="javascript:mostrardiv();">Ver mas productos</a> 
   

Pues eso, al pulsar ese enlace, el primer div funciona y su display:none se quita, y entonces se ve. Pero el resto de divs iguales, no se quitan, se quedan ocultos.

Gracias!

[Tecna]

Buenas,

Iniciado por indie81

Y no sé por qué, porque todos tienen la misma ID.

Ahí te has respondido tu sola los id son identificadores únicos, no se pueden repetir

[indie81]

Pues sí, de hecho ya lo he arreglado.

He añadido un numero después del nombre de cada ID, pasando a ser

item_oculto1
item_oculto2
item_oculto3
...
item_ocultoN

y luego, en la función Javascript, he puesto un bucle for para que recorrar todos los DIV.

Ya ha funcionado. No borro el hilo por si puede ayudar a más gente.

Gracias Tecna.

[zerokilled]

No borro el hilo por si puede ayudar a más gente.

no se preocupe, los temas no se borran asi por asi, y menos cuando tiene una solucion a un problema. ademas, de que los miembros no tiene la posibilidad de borrar temas.

[Tecna]

Buenas,

De nada indie81

Zerokilled:
pero a veces lamentablemente si que editan y borran lo que hubieran escrito dejando simplemente un "solucionado" sin explicar la posible solución para que pueda servir a otros que tengan el mismo problema.

[zerokilled]

ya eso no es posible puesto que una vez alguien contesta en un tema, los miembros que participaron en el tema no pueden editar sus mensajes antes de la ultima publicacion. dicho de otro modo, el unico que puede editar un mensaje es el ultimo que haya participado en el tema, pero especificamente ese ultimo mensaje.