Foros del Web » Programando para Internet » Javascript »

Desplegar contenido pero que el enlace quede fijo

Estas en el tema de Desplegar contenido pero que el enlace quede fijo en el foro de Javascript en Foros del Web. Hola como están?! Tengo un pequeño inconveniente (espero... ) En una tabla tengo una imagen luego un texto y un enlace que despliega la información, ...
  #1 (permalink)  
Antiguo 09/10/2008, 16:20
 
Fecha de Ingreso: agosto-2003
Mensajes: 524
Antigüedad: 20 años, 9 meses
Puntos: 5
Desplegar contenido pero que el enlace quede fijo

Hola como están?!

Tengo un pequeño inconveniente (espero... )

En una tabla tengo una imagen luego un texto y un enlace que despliega la información, hasta acá todo bien, pero no encontré nada que al desplegar esa información que quiero mostrar deje la imagen y el texto con el link en la misma posición.

El script que uso es el siguiente:

Código HTML:
function verocultar(cual) {
          var c=cual.nextSibling;
          if(c.style.display=='none') {
               c.style.display='block';
          } else {
               c.style.display='none';
          }
          return false;
     }
y en los enlaces...

Código HTML:
<a onclick="return verocultar(this);" href="javascript:void(0);">(+/-)</a><div style="display: none;">contenido a mostrar</div> 

Trataré de "graficarlo" para que entiendan...





Esto es lo que quiero lograr...




Pero me sale asi...





Es como que se desacomoda el resto de la pagina, espero que haya una solución, por favor si saben de alguna web o algo que puedan aportar se los voy a agradecer mucho...
__________________
Saludos!!!
Maru.-
  #2 (permalink)  
Antiguo 09/10/2008, 16:29
Avatar de Un_Tico  
Fecha de Ingreso: julio-2008
Ubicación: Cartago, Costa Rica
Mensajes: 176
Antigüedad: 15 años, 9 meses
Puntos: 4
Respuesta: Desplegar contenido pero que el enlace quede fijo

Mmmm...

si eso son divs prueba usando position "absolute" en el div que contiene la información, asi como

Código:
function verocultar(cual) {
          var c=cual.nextSibling;
          if(c.style.display=='none') {
               c.style.display='block';
               c.style.position='absolute';
          } else {
               c.style.display='none';
               c.style.position='';
          }
          return false;
     }
Prueba y me cuentas...

Si no son divs prueba poniendo la fila de la tabla en donde está la imagen y el link valign="Top" asi si se estira la fila siguiente los elementos mensionados se quedaran en lo mas alto de su fila


Saludos...
  #3 (permalink)  
Antiguo 10/10/2008, 11:29
 
Fecha de Ingreso: agosto-2003
Mensajes: 524
Antigüedad: 20 años, 9 meses
Puntos: 5
Respuesta: Desplegar contenido pero que el enlace quede fijo

Gracias por tu ayuda Un_Tico!

Estuve probando lo que me pasaste, con position:absolute en el script, ya que son divs, y quedar fijas quedan pero la tabla no se "despliega" hacia abajo, es como que ese contenido a mostrar pasa por sobre el contenido que esta mas abajo, se superpone...
__________________
Saludos!!!
Maru.-
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




La zona horaria es GMT -6. Ahora son las 13:55.