Ver Mensaje Individual
  #5 (permalink)  
Antiguo 19/04/2012, 11:15
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años, 4 meses
Puntos: 317
Respuesta: Ocultar varias columnas en tabla

(Qué raro, lo encontré en la lista "Temas en el Foro : Javascript". Seguramente ya lo movieron.)


Hay una forma más fácil, pero más discutible.

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<script type="text/javascript">
function borra(T){

var eco = "#" + T + "{display: none;}"
document.getElementById("foxtrot").innerHTML = eco;

}
</script>
<style type="text/css" id="foxtrot"></style>
</head>
<body>
<h2>Oculta una de tres columnas.</h2>

<form> <input type=radio name=delta value="alfa" onchange=borra(this.value)> Borra a || 
<input type=radio name=delta value="bravo" onchange=borra(this.value)> Borra b || 
<input type=radio name=delta value="charly" onchange=borra(this.value)> Borra c</form>

<table border=1><tbody><tr>
<td id=alfa> a </td><td id=bravo> b </td><td id=charly> c </td>
</tr><tr>
<td id=alfa> ALFA </td><td id=bravo> BRAVO </td><td id=charly> CHARLY </td>
</tr><tr>
<td id=alfa> alfa </td><td id=bravo> bravo </td><td id=charly> charly </td>
</tr></tbody></table>

</body>
</html>

Lo que ahora no estoy seguro es si funciona en todos los navegadores.

¿Como ocultar algunas filas de una tabla?