Foros del Web » Programando para Internet » Javascript »

mostrar/ocultar div's

Estas en el tema de mostrar/ocultar div's en el foro de Javascript en Foros del Web. Muy buenas, tengo la siguiente función, que me funciona bien y donde debería estar todo correcto: Código HTML: function shader(numProducto) { document.getElementById('shader_shadow').style.display='block'; var fdsa = ...
  #1 (permalink)  
Antiguo 27/04/2011, 07:53
 
Fecha de Ingreso: junio-2009
Mensajes: 156
Antigüedad: 14 años, 8 meses
Puntos: 7
mostrar/ocultar div's

Muy buenas, tengo la siguiente función, que me funciona bien y donde debería estar todo correcto:
Código HTML:
function shader(numProducto) {
	document.getElementById('shader_shadow').style.display='block';
	var fdsa = 'producto_' + numProducto;
	document.getElementById(fdsa).style.display='block';
}
function shaderClose() {
	document.getElementById('shader_shadow').style.display='none';
}
y la siguiente estructura de div's:
Código HTML:
<div id="shader_shadow" style="display:none">
    <div id="shader_content">
    	<a id="shader_close" onclick="shaderClose();">Cerrar [x]</a>
        <div id="producto_1" class="shader_product" style="display:none;">
        	<div class="titulo_producto">titulo_producto_1</div>
            <div class="foto_producto">foto_producto_1</div>
            <div class="descripcion_producto">descripcion_producto_1</div>
        </div>
        <div id="producto_2" class="shader_product" style="display:none;">
        	<div class="titulo_producto">titulo_producto_2</div>
            <div class="foto_producto">foto_producto_2</div>
            <div class="descripcion_producto">descripcion_producto_2</div>
        </div>

    </div>
</div> 
Ahora, me faltaria que, de alguna forma, al cerrar el 'shader_shadow' me pase los productos a display:none para que al abrir el próximo producto, éste aparezca solo, y no junto a los que hemos estado viendo antes... no sé si me explico. Llevo ya un rato intentándolo y no consigo avanzar... alguien puede echarme un cable?
  #2 (permalink)  
Antiguo 27/04/2011, 07:59
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 9 meses
Puntos: 310
Respuesta: mostrar/ocultar div's

Podrías hacer algo como:
Código Javascript:
Ver original
  1. var i = 1;
  2. while(document.getElementById('producto_' + i)){
  3.  document.getElementById('producto_' + i).style.display = 'none';
  4.  i++;
  5. }
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 27/04/2011, 08:03
 
Fecha de Ingreso: junio-2009
Mensajes: 156
Antigüedad: 14 años, 8 meses
Puntos: 7
Respuesta: mostrar/ocultar div's

SIIIIIIIIIIIIIIIII por fiiiiin jajaja muchísimas gracis, _cronos2!! si te soy sincero me quedo muy muy corto con javascript (y con toda clase de programación en general) y lo cierto es que ni se me había pasado por la cabeza hacerlo así. Yo lo que estaba intentando es hacerlo con fors e ifs.......
bueno, pues eso, tema resuelto! muchas gracias, compañero!

Etiquetas: Ninguno
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 08:44.