Foros del Web » Programando para Internet » Javascript »

Hacer visible una fila de una tabla mediante una funcion. ayuda

Estas en el tema de Hacer visible una fila de una tabla mediante una funcion. ayuda en el foro de Javascript en Foros del Web. Hola amigos, estoy intentando hacer visible una <tr> determinada haciendo click en otra <tr> y ejecutando una funcion, alguien sabe como hacerlo? llevo horas intentandolo ...
  #1 (permalink)  
Antiguo 20/07/2005, 11:07
 
Fecha de Ingreso: noviembre-2002
Ubicación: españa
Mensajes: 188
Antigüedad: 21 años, 6 meses
Puntos: 0
Hacer visible una fila de una tabla mediante una funcion. ayuda

Hola amigos, estoy intentando hacer visible una <tr> determinada haciendo click en otra <tr> y ejecutando una funcion, alguien sabe como hacerlo? llevo horas intentandolo pero no obtengo resultados. El efecto que deseo conseguir es como en www.isohunt.com cuando buscas cualquier cosa que sale el archivo que buscas y su pulsas se abre una <tr> con un iframe.

Espero que me ayudeis ;) un saludo
__________________
Experto en todo y nada a la vez
  #2 (permalink)  
Antiguo 20/07/2005, 11:49
 
Fecha de Ingreso: febrero-2005
Mensajes: 1.015
Antigüedad: 19 años, 3 meses
Puntos: 6
Precisamente estoy con ello ahora, y lo he conseguido . No con filas, sino con tablas (porque en mi caso me venía mejor), pero viene a ser lo mismo. Utiliza css:

A cada fila, ponle una "id", y después, con id_fila.style.display="inline" o "none" la pones visible o invisible.

¡Saludos!
  #3 (permalink)  
Antiguo 20/07/2005, 12:06
 
Fecha de Ingreso: noviembre-2002
Ubicación: españa
Mensajes: 188
Antigüedad: 21 años, 6 meses
Puntos: 0
muchas gracias, ya funciona pero no del todo bien, veras pulso una vez en la fila y me muestra la fila nueva, ahora bien, cuando le doy a ocultar se me keda el espacio en negro k ocupaba esa fila y al darle de nuevo a mostrar me añade la fila como antes incluido el espacio en negro. A que se debe????

como se soluciona???

SALUDOS y muchas gracias por contestar
__________________
Experto en todo y nada a la vez
  #4 (permalink)  
Antiguo 25/07/2005, 08:23
 
Fecha de Ingreso: febrero-2005
Mensajes: 1.015
Antigüedad: 19 años, 3 meses
Puntos: 6
De nada . En cuanto a lo que comentas... ¡Vaya, pues no tengo ni idea de por qué pasa eso! No debo haberlo probaod nunca con filas (<tr>), pues nunca he visto eso que comentas. Prueba a hacer lo mismo pero en lugar de sobre filas, sobre columnas (<td>), afectando de igual modo a toda una fila si así lo quieres.

Saludos
  #5 (permalink)  
Antiguo 08/08/2005, 18:27
 
Fecha de Ingreso: febrero-2005
Mensajes: 1.015
Antigüedad: 19 años, 3 meses
Puntos: 6
¿Te siguió pasando? Igual era cosa del explorador (que firefox muestra esa línea y el explorer no).
  #6 (permalink)  
Antiguo 18/08/2005, 09:31
Avatar de Seixas  
Fecha de Ingreso: mayo-2004
Ubicación: Barcelona
Mensajes: 60
Antigüedad: 20 años
Puntos: 0
Se podría solucionar así...

Tenía el mismo problema que Sanapo, y como dice un_tio, es Mozilla el que da problemas. Con IE se ve correctamente.

He intentado hacer lo que comenta un_tio, de poner la etiqueta id en el <td> en vez de en el <tr> pero sigue dejando un espacio negro, horizontal en vez de vertical.

Por cierto, el código que utilizo es el que muestra Carlitos en este enlace, exactamente, el de un sólo botón.

Para solucionarlo, lo que he hecho ha sido crear una tabla nueva dentro de la celda donde está el texto que quería mostrar/ocultar, y a su vez trasladar el texto a esta nueva tabla. He colocado la etiqueta id y style en <table> de la tabla nueva, y ya está.

Saludos!
  #7 (permalink)  
Antiguo 18/08/2005, 14:25
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 10 meses
Puntos: 21
Un ejemplo usando el script de arriba

<script>
function cambio(cual)
{
if (document.getElementById(cual).style.display == 'none')
document.getElementById(cual).style.display = 'block'
else
document.getElementById(cual).style.display = 'none'
}
</script>

<table width="387" border="0" cellpadding="1" cellspacing="0">
<tr>
<td width="95>
<input type="submit" name="Submit" value="ver" onClick="cambio('Tester');"></td>
<td width="301">&nbsp;</td>
</tr>
<tr>
<td colspan="2" class="texformsadmin">
<table width="387" border="0" cellpadding="0" cellspacing="0" id="Tester" style="display: none">
<tr>
<td width="95" class="texformsadmin">
<div align="right">
Cargar:&nbsp;
</div> </td>
<td width="301" >
<input name="txcarga" type="radio" value="_self" checked>
<span class="texformsadmin">Interno</span>
<input name="txcarga" type="radio" value="_blank">
<span class="texformsadmin">Externo</span> </td>
</tr>
</table>
</td>
</tr>
</table>
__________________
gerardo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:18.