Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/06/2011, 09:15
Avatar de indie81
indie81
 
Fecha de Ingreso: octubre-2004
Ubicación: Zaragoza
Mensajes: 295
Antigüedad: 20 años, 5 meses
Puntos: 10
Duda con código usando document.getElementById

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!
__________________
La posada del Pixel | Wanapix