01/06/2002, 11:24
|
 | Moderadora | | Fecha de Ingreso: agosto-2001 Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 6 meses Puntos: 381 | |
| Re: Tablas con contenido interactivo
Buenas,
podrías hacerlo con el innerHTML o bién jugando con capas.
Te pongo uno con capas a ver si te sirve.
Dependiendo de la cantidad de opciones que quieras poner habrás dar un valor u otro a la variable cont. En este ejemplo hay dos opciones, así que con vale 2.
<html>
<head><title> tatata </title>
<script language="javascript">
var cont=2
function cambiar(vis)
{
for(i=1;i<=cont;i++)
{document.getElementById('capa'+i).style.visibilit y='hidden'
document.getElementById('capa'+i).style.position=' absolute'
if(i==vis)
{document.getElementById('capa'+vis).style.visibil ity='visible'
document.getElementById('capa'+vis).style.position ='relative'}}
}
</script>
</head>
<body >
<table width="80%" align="center" border="1">
<tr>
<td width="25%"><a href="javascript:cambiar(1)">Opchion guán</a></td>
<td rowspan="2">
<div id="capa1" style="visibility:hidden;position:absolute; width:100%">Hola soy la opchion guán</div>
<div id="capa2" style="visibility:hidden;position:absolute; width:100%">Y ahora soy la opchion chú</div>
</td></tr>
<tr><td><a href="javascript:cambiar(2)">Opchion chú</a></td></tr>
</table>
</body>
</html>
Habrás de llamar a cada capa con el name "capa+número" y luego al llamar a la función pasarle el número de capa que quieras que se muestre.
Saludos |