Div mostrar y ocultar

[kubuntu]

Hola a todos,

tengo lo siguiente:

Código HTML:

<div id=parte1>
 
 
</div>
<div id=parte2>
 
</div>
<div id=parte3>
 
 <select id="list" name="list"     />
<option   value="0">Ninguno</option>
<option   value="1">1</option>
<option   value="2">2</option>
</select>
 
<div id=subparte1>
 
</div>
 
<div id=subparte2>
 
</div>
 
<div id=subparte3>
 
</div>
 
 
 
<select id="list2" name="list2"     />
<option   value="0">Ninguno</option>
<option   value="1">1</option>
<option   value="2">2</option>
</select>
<div id=subsec1>
 
</div>
 
<div id=subsec2>
 
</div>
 
<div id=subsec3>
 
</div>
 
 
<select id="list3" name="list3"     />
<option   value="0">Ninguno</option>
<option   value="1">1</option>
<option   value="2">2</option>
</select>
<div id=subdiv1>
 
</div>
 
<div id=subdiv2>
 
</div>
 
<div id=subdiv3>
 
</div>
 
</div>
 

funcion de JavaScript

Código JavaScript:

var xOp7Up,xOp6Dn,xIE4Up,xIE4,xIE5,xNN4,xUA=navigator.userAgent.toLowerCase();if(window.opera){var i=xUA.indexOf('opera');if(i!=-1){var v=parseInt(xUA.charAt(i+6));xOp7Up=v>=7;xOp6Dn=v<7;}}else if(navigator.vendor!='KDE' && document.all && xUA.indexOf('msie')!=-1){xIE4Up=parseFloat(navigator.appVersion)>=4;xIE4=xUA.indexOf('msie 4')!=-1;xIE5=xUA.indexOf('msie 5')!=-1;}else if(document.layers){xNN4=true;}xMac=xUA.indexOf('mac')!=-1;function xDef(){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])=='undefined') return false;}return true;}function xDisplay(e,s){if(!(e=xGetElementById(e))) return null;if(e.style && xDef(e.style.display)) {if (xStr(s)) e.style.display = s;return e.style.display;}return null;}function xGetElementById(e){if(typeof(e)!='string') return e;if(document.getElementById) e=document.getElementById(e);else if(document.all) e=document.all[e];else e=null;return e;}function xStr(s){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])!='string') return false;}return true;}
 

si la lista es 2 entonces :

xDisplay('parte1', 'block')
xDisplay('parte2', 'block')
xDisplay('parte3', 'none')

si es 1
xDisplay('parte1', 'block')
xDisplay('parte2', 'none')
xDisplay('parte3', 'none')


Los div se muestran o ocultan dependiendo del valor de las listas, pero cuando una lista es cero bloquea las demas no se muestran.

ademas se supone que debe mostrar las listas independiente del valor y no es asi estas no se muestran a pesar de mostrar el div padre.


Es decir solo quiero ocultar o mostrar un div no que oculte el resto del contenido de la pagina.

Gracias

[kubuntu]

Código javascript:

function mostrar(capa){
  var obj = document.getElementById(capa)
   obj.style.display = "block"; //-------------------------  (error objeto requerido)
}
 

cuando intento mostrar un div sale el error (objeto requerido)


Los Div se pueden anidar y mostrar u ocultar los hijos(dentro de)?

De que otra manera se puede manejar esto?

[jonasmz]

cuando llamas a la funcion? y donde pasas la variable que identifica el id de la capa??? a simple vista pareciera que no estas seleccionando ningun objeto. comproba que la variable capa(que representa el id) este bien definida, correspondiendo a algun elemento existente.
avisa que tal te fue.
Un abrazo!