Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/07/2010, 01:30
Avatar de stock
stock
 
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 20 años, 4 meses
Puntos: 53
Respuesta: ayuda sencilla

ok, si bien entendi quieres hacer una función que oculte DIVs y muestre uno solo a la vez, de ser asi checa este código.

Código Javascript:
Ver original
  1. //siempre es bueno encapsular tu codigo
  2. var Helper = {
  3.  
  4.     //funcion que muestra un solo elemento y oculta el resto
  5.     tabs  : function(actual,oculta){
  6.         var actual = this.get(actual);     //elemento a desplegar
  7.        
  8.         for(var i=0;i<oculta.length;i++){
  9.              this.get(oculta[i]).style.display = "none";   //se ocultan todos los demas
  10.         }
  11.         actual.style.display = "block";
  12.     },
  13.  
  14.     //funcion que regresa un nodo del DOM por su ID
  15.     //se puede mejorar mucho mas, pero para dejar las cosas
  16.    //sencillas asi esta bien :)
  17.      get   : function(id){
  18.           return   document.getElementById(id);
  19.      }
  20.  
  21. }
  22.  
  23.  
  24. //cuando el documento este listo....
  25. window.onload = function(){
  26.  
  27.      //ejecutando el codigo
  28.      Helper.tabs("id4",["id1","id2","id3","id5","id6"]);
  29.  
  30. }

En tu documento HTML algo asi

Código HTML:
Ver original
  1. <div id="id1"></div>
  2. <div id="id2"></div>
  3. <div id="id3"></div>
  4. <div id="id4"></div>
  5. <div id="id5"></div>
  6. <div id="id6"></div>


la funcion tabs recibe dos parametros, el primero es el identificador del div que quieres mostrar, el segundo parametro es un arreglo con los identificadores de los divs que quieres ocultar, de esta manera lo haras dinamico y no tienes que pasar N cantidad de parametros, solo son necesarios 2.

No he probado el código, solo lo escribí para darte un ejemplo tratando de seguir la lógica de tu primer post ;)

Saludos