Jeje ahora tengo un problema con una tabla y algo acerca de la etiqueta
Y tengo el sig. código pero al cargar la página no quiero que se vean las celdas vacías que se activan al hacer click en el botón "Elegir opción" sino hasta que se realice la acción.
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script>
function show_hide(grupoBotones){
switch(grupoBotones)
{
case 'radiob':
if(document.getElementById('op1').checked){
document.getElementById('select1').style.display = "none";
document.getElementById('programa').style.display = "none"
}
else
if(document.getElementById('op2').checked){
document.getElementById('select1').style.visibility = "visible";
document.getElementById('select1').style.display = "block";
document.getElementById('programa').style.display = "block"
}
break;
case 'radioc':
if(document.getElementById('op1c').checked){
document.getElementById('cicloA').style.display = "none";
document.getElementById('colCiclo').style.display = "none"
}
else
if(document.getElementById('op2c').checked){
document.getElementById('cicloA').style.visibility = "visible";
document.getElementById('cicloA').style.display = "block";
document.getElementById('colCiclo').style.display = "block"
}
break;
}
}
</script>
</head>
<body>
<form name="myform" onsubmit="return validarCiclo(this.form);" >
<table border="1">
<tr>
<td>Situación</td>
<td><select name="situacion" size="1" id="situacion" disabled >
<option value="ALTA">ALTA</option>;
</select>
<tr>
<td>Programa
<td><input type="radio" name="radiob" id="op1" value="Por definir" onclick="show_hide(name,id)" />Por definir
<td><input type="radio" name="radiob" id="op2" onclick="show_hide(name,id)" />Elegir opción
<td id="programa" display:none><select name="select1" id="select1" size="1" style="visibility:hidden" >
<option value="1">MEE</option>
<option value="2">INIFED</option>
</select>
<tr>
<td>Ciclo de Atención
<td><input type="radio" name="radioc" id="op1c" value="Por definir" onclick="show_hide(name,id)" />
Por definir
<td><input type="radio" name="radioc" id="op2c" onclick="show_hide(name,id)">Elegir opción
<td id="colCiclo" display:none ><select name="cicloA" id="cicloA" size="1" style="visibility:hidden" >
<option value="0">Por definir</option>
<option value="1">2008-2009</option>
<option value="2">2009-2010</option>
<option value="3">2010-2011</option>
<option value="4">2011-2012</option>
</select></td>
</tr>
</body>
Para que no tengan que abrir su editorde html, solo copy/paste en este link
http://htmledit.squarefree.com/
Pasa en FF y en IE, alguien sabe que hacer??