hola a ver
.para poner un Div en una tabla debes ponerla dentro de un <td> no de un <tr>
.partir la tabla no es necesario para ocultar o mostrar un div, actuas directamente sobre el div... yo me olvidaria de la tabla
.las tablas son para poner datos tabulares (listados de clientes, discos....) para lo demas no tiene sentido
.como te han comentado ya el js no te va ...entre otras cosas porque no tienes un id="Entrante" que reciba el evento ya sea un TD o un DIV
te pongo el ejemplo con la tabal y sin
Primero el Jscript que se peude mejorar pero para seguir como tu has empezado:
En el HEAD
Código HTML:
<script type="text/javascript">
function Entrante() {
document.getElementById('Entrante').style.display = 'block';
document.getElementById('Saliente').style.display = 'none';
}
function Saliente() {
document.getElementById('Entrante').style.display = 'none';
document.getElementById('Saliente').style.display = 'block';
}
</script> La tabla:
Código HTML:
<table width="600" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="200"> </td>
<td width="200"> </td>
<td> </td>
</tr>
<tr>
<td width="200"><a href="#" onclick="Entrante();">display div Entrante</a> </td>
<td width="200"><div id="Entrante" style="display:none;">ENTRANTE</div></td>
<td> </td>
</tr>
<tr>
<td width="200"><a href="#" onclick="Saliente();">display div Saliente</a> </td>
<td width="200"><div id="Saliente" style="display:none;">SALIENTE</div></td>
<td> </td>
</tr>
</table> Mi versión:
Código HTML:
<h3><a href="#" onclick="Entrante();">Mostrar div Entrante</a></h3>
<div id="Entrante" style="display:none;">
<p>ENSTRANTE este es el div...</p>
</div>
<h3><a href="#" onclick="Saliente();">Mostrar div Saliente </a></h3>
<div id="Saliente" style="display:none;">
<p>SALIENTE este es el div...</p>
</div>
Como puedes ver mucho menos código, más accesible, ...espero que te sirva