Hola Amigos de foros del Web:
Tengo el siguiente problema a ver si me pueden ayudar. Poseo una funcion Javascript que me despliega/oculta capas en un formulario. Mi vida iba feliz ya que lo habia probado en Opera, Firefox y algunos navegadores de GNU/Linux, pero cuando lo fui a probar en las versiones de IE, no me funcionó en ninguna.
Espero me puedan ayudar. La funcion es la siguiente
Código:
function expandir_capa(){
if (document.camino.nro_comp.value == "1"){
xDisplay('capa2', 'none')
xDisplay('capa3', 'none')
xDisplay('capa4', 'none')
xDisplay('capa5', 'none')
xDisplay('capa6', 'none')
xDisplay('capa7', 'none')
xDisplay('capa8', 'none')
xDisplay('capa9', 'none')
xDisplay('capa10', 'none')
}
if (document.camino.nro_comp.value == "2"){
xDisplay('capa2', 'block')
xDisplay('capa3', 'none')
xDisplay('capa4', 'none')
xDisplay('capa5', 'none')
xDisplay('capa6', 'none')
xDisplay('capa7', 'none')
xDisplay('capa8', 'none')
xDisplay('capa9', 'none')
xDisplay('capa10', 'none')
}
Son diez capas, pero la idea hacia abajo es la misma. La css es la siguiente:
Código:
#capa2{
position:relative;
display:none;
}
#capa3{
position:relative;
display:none;
}
Siguiendo con las 10 capas y el Código HTML es el siguiente:
Código HTML:
<select name="nro_comp" size="1" onchange="expandir_capa()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
eso agregado a donde estan las capas. a continuación un extracto:
Código HTML:
<td width="30%"><font <?php echo "$verdana_2_burdeo"; ?>><b>Competencias</b></font></td>
<td width="7%"><font <?php echo "$verdana_2_burdeo"; ?>><a href="#comp" onclick="expandir_formulario(1)"><b>1</b></font></a></td>
<td width="7%"><div id="capa2"><a href="#comp" onclick="expandir_formulario(2)"><font <?php echo "$verdana_2_burdeo"; ?>><b>2</b></font></a></div>
<td width="7%"><div id="capa3"><a href="#comp" onclick="expandir_formulario(3)"><font <?php echo "$verdana_2_burdeo"; ?>><b>3</b></font></a></div>
<td width="7%"><div id="capa4"><a href="#comp" onclick="expandir_formulario(4)"><font <?php echo "$verdana_2_burdeo"; ?>><b>4</b></font></a></div>
<td width="7%"><div id="capa5"><a href="#comp" onclick="expandir_formulario(5)"><font <?php echo "$verdana_2_burdeo"; ?>><b>5</b></font></a></div>
<td width="7%"><div id="capa6"><a href="#comp" onclick="expandir_formulario(6)"><font <?php echo "$verdana_2_burdeo"; ?>><b>6</b></font></a></div>
<td width="7%"><div id="capa7"><a href="#comp" onclick="expandir_formulario(7)"><font <?php echo "$verdana_2_burdeo"; ?>><b>7</b></font></a></div>
<td width="7%"><div id="capa8"><a href="#comp" onclick="expandir_formulario(8)"><font <?php echo "$verdana_2_burdeo"; ?>><b>8</b></font></a></div>
<td width="7%"><div id="capa9"><a href="#comp" onclick="expandir_formulario(9)"><font <?php echo "$verdana_2_burdeo"; ?>><b>9</b></font></a></div>
<td width="7%"><div id="capa10"><a href="#comp" onclick="expandir_formulario(10)"><font <?php echo "$verdana_2_burdeo"; ?>><b>10</b></font></a></div></tr> Esas son la capas que se ocultan. Espero que me puedan ayudar con este problema, ya que no se ocurre como hacerlo funcionar en los difentes IE de microsoft. Espero sus sugerencias y muchas gracias.
