consulta de div entre tr

[FNX_NET]

lo que pasa que quiero ocultar una parte de una tabla

osea divido con tr una tabla algo asi


<tabla>
<div>
<tr>
<td>
</td>
</tr>
</div>
<div>
<tr>
<td>
</td>
</tr>
</div>
</tabla>

y no me funciona

eso u.u

[00siete]

No se pueden poner <div> entre <table> y <tr>
Tienes varias alternativas, pero creo que lo mas simple es que a las filas <tr> que quieres ocultar les pongas una determinada clase que tenga la propiedad "display:none" (si quieres que no ocupe espacio) o "display:hidden" (si quieres que no salga pero ocupe espacio).

[Mikmoro]

Iniciado por 00siete

No se pueden poner <div> entre <table> y <tr>
Tienes varias alternativas, pero creo que lo mas simple es que a las filas <tr> que quieres ocultar les pongas una determinada clase que tenga la propiedad "display:none" (si quieres que no ocupe espacio) o "display:hidden" (si quieres que no salga pero ocupe espacio).

Sólo un pequeño apunte:

"display:none" (si quieres que no ocupe espacio) o "visibility:hidden" (si quieres que no salga pero ocupe espacio)

Mikel.

[FNX_NET]

<tabla>
<tr display:none>
<td>
</td>
</tr>
<tr display:display>
<td>
</td>
</tr>
</tabla>

seria algo asi, que soy muy novato DX

[FNX_NET]

<script type="text/javascript">
function Entrante() {
ob1 = document.getElementById('Entrante');
ob1.style.display = 'display';
ob2 = document.getElementById('Saliente');
obj2.style.display = 'none';
}
function Saliente() {
ob1 = document.getElementById('Entrante');
ob1.style.display = 'none';
ob2 = document.getElementById('Saliente');
obj2.style.display = 'display';
}
</script>

Genere ese javascripts, `pero no funciona correctamente u.u

[daPhyre]

Iniciado por FNX_NET

<tabla>
<tr display:none>
<td>
</td>
</tr>
<tr display:display>
<td>
</td>
</tr>
</tabla>

seria algo asi, que soy muy novato DX

Sería así:
<tr style="display:none">

Y a tu JS no entendí muy bien como hace, ¿pero pones los ids en los lugares correctos? Ahi obtienes objetos con id "entrante" y "saliente", por tanto alguna de tus etiquetas debe ser id="entrante" y otra id="saliente" supongo yo. Suerte!

[FNX_NET]

tengo eso y dependiendo cual quiero mostrar uso la otra funcion
pero la tabla de abajo nunca aparece


<table width="100%" border="0" cellspacing="0" cellpadding="0" style="display:none">
</TABLE>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="display:none" id="Saliente">
</TABLE>

[JavierB]

Mensaje movido al foro de JavaScript desde CSS.

Saludos,

[j0rmaz]

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">&nbsp;</td>
    <td width="200">&nbsp;</td>
    <td>&nbsp;</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>&nbsp;</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>&nbsp;</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