mostrar y ocultar campos DIV

[chiquirf]

Hola a todos,

He encontrado por ahí esta función que me muestra/oculta un campo al seleccionarlo:

Código:

<script language="javascript">
            function MuestraTabla (objTabla) {
			
			if (objTabla.style.display == '') {
					objTabla.style.display = 'none';
		        } else {
					objTabla.style.display = '';
		        }
            }
</script>

Esta funcion está en cada DIV con el evento onClick y cada DIV lo tengo con style="display: none;" y como ID del formato "I + un numero" (I1, I2, I3... hasta el I22), lo que hace esta funcion es que me muestre/oculte su correspondiente DIV utilizando los IDs al hacer click sobre ellos.

Lo que quiero agregarle es algo que haga lo siguiente: cuando tengo uno de los DIV mostrados y pinche en otro DIV, es decir, llame a la funcion MuestraTabla de otro DIV, me oculte el que esté "abierto".

Se me había ocurrido hacer un bucle FOR para que haga un "barrido" de todos los IDs menos el que acabo de pinchar para que los oculte, y he hecho lo siguiente:

Código:

<script language="javascript">
            function MuestraTabla (objTabla) {
			
			if (objTabla.style.display == '') {
					objTabla.style.display = 'none';
		        } else {
					objTabla.style.display = '';
		        }
			
			for(x=0; x<22; x++)
			{
				idTodos = 'I' + x;
				if(objTabla != idTodos)
				{
		                 idTodos.style.display = 'none';
				}
			}

            }
</script>

Esto me da error en la línea idTodos.style.display = 'none'; y aquí es donde se me acaban los conocimientos de JavaScript y solicito su ayuda, porque no me se manejar muy bien con los objetos del navegador.

Gracias de antemano por la ayuda prestada.

Saludos

Carlos

[clustering]

Talvez tendria que ser asi..

Código:

<script language="javascript">
            function MuestraTabla (objTabla) {
			
			if (objTabla.style.display == '') {
					objTabla.style.display = 'none';
		        } else {
					objTabla.style.display = '';
		        }
			
			for(x=0; x<22; x++)
			{
				idTodos = 'I' + x;
				//if(objTabla != idTodos)
//estas comparando el objeto con la cadena tendrias que comparar el id del objeto con la cadena que construyes
                               if(objTabla.id != idTodos)
				{
		                 //idTodos.style.display = 'none';
//Tienes que crear el objeto para añadir la propiedad style.display
document.getElementById(idTodos).style.display = 'none';
				}
			}

            }
</script>

Saludos..

[JavierB]

Hola chiquirf

A ver si este mensaje te sirve de ayuda:

http://www.forosdelweb.com/f13/texto...gables-486123/

Saludos,

[chiquirf]

de PM...

Justo lo que necesitaba...

Esto me pasa por no buscar antes.

Muchas gracias.

Saludos

Carlos