Mostrar div con informacion entre dos items o registros.

[angela_]

Hola,

Queria saber como hacer para, que al mostrar varios registros, al seleccionar uno, aparezca informacion relacionada al mismo.
Es decir , colocar en un div la informacion relacionada con el registro, lo q no se , es como hacer para que el div aparezca entre dos registros. Los registros q se encuentren a su lado se deberian mover para mostrar el div del registro q seleccione.

He intentado hacerlo con scriptacoulus , pero no me lo permite cuando uso tablas.

Cualquier sugerencia,

Gracias.

[foreverOdd]

lo que tienes que hacer es dibujar una tabla por cada registro,
seguido de la tabla dibujas tu div con la informacion del registro y con estilo oculto.
en la tabla dibujas un boton o ina imagen para ver el detalle
al dar click en ese boton o imagen muestras el div.

te recomiendo que el div lo cargues con ajax solo una vez(preguntando si el innerHTML == "") esto hara mas rapida tu aplicacion.

[angela_]

Hola

Hice lo q dijistes, el problema es q aparece un espacio que es del div entre los dos registros. La idea es q se vean juntos, y tambien que al hacer q aparezca el div, el registro de abajo se mueva para que se vea el contenido del div.
Algo asi como un acordeon

Gracias por Responder.

[foreverOdd]

prueba esto:

<script>
function toggle(id){
element = document.getElementById(id);
if (element.style.display == 'none')
element.style.display = 'block';
else element.style.display = 'none';
}
</script>
<div>
<div>
<table width="200" border="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><label>
<input type="button" value="Boton" onclick="toggle('muestraOculta')" />
</label></td>
</tr>
</table>
</div>
<div style="display:none" id="muestraOculta">
<table width="200" border="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</div>


Recuerda que el div inicialmente debe estar oculto mediante estilo.