Hola eMx lo que puedes hacer es esto:
para lo de la tabla:
Código HTML:
<div id="caja" style="position: absolute; height: 20; width: 300;top: 10px;left: 100px; visibility:hidden">
//sustituye esta parte por el codigo de la tabla
<input type="text" name="caja_oculta">
//hasta aqui
</div>
para poner el otro enlace has lo siguiente
Código HTML:
<html>
<head>
<title>Caja Oculta</title>
<script language="javascript">
//Solo observa como modifique un poco la funcion al pasarle un parametro(el nombre de la capa a mostrar)
function muestra_caja(capa){
document.getElementById(capa).style.visibility = 'visible'
}
</script>
</head>
<body>
<a href="#" onMouseOver="muestra_caja('caja1')">Pasa por aqui</a><br><br>
//Agrego el otro enlace y en la llamada le digo que capa quiereo que muestre
<a href="#" onMouseOver="muestra_caja('caja2')">Pasa por aqui</a>
<div id="caja1" style="position: absolute; height: 20; width: 300;top: 10px;left: 100px; visibility:hidden">
<input type="text" name="caja_oculta">
</div>
//creo la otra caja con el "id" llamado caja2
<div id="caja2" style="position: absolute; height: 20; width: 300;top: 110px;left: 100px; visibility:hidden">
<input type="text" name="caja_oculta">
</div>
</body>
</html> y para seguir agregando mas solo agrega el link y el div que contiene los otros elementos y ponles id diferentes, los cuales tendras que enviar al mandar llamar a la funcion.
y para que se oculte solo has lo siguiente
Código HTML:
//agrega esta funcion
function oculta_capa(capa){
document.getElementById(capa).style.visibility = 'hidden'
}
//y en cada en lace mandala llamar de la misma manera que la que la muestra pero ahora con el evento onMouseOut="", asi
<a href="#" onMouseOver="muestra_caja('caja2')" onMouseOut="oculta_capa('caja2')">Pasa por aqui</a>
// y asi con todos
Espero te sirva.
SALUDOS.
