Foros del Web » Creando para Internet » Diseño web »

Cómo abrir subsecciones en la misma página

Estas en el tema de Cómo abrir subsecciones en la misma página en el foro de Diseño web en Foros del Web. No tengo idea de cómo buscar este tema que necesito: se trata de que en una página que tiene mucha información salgan solo los titulares ...
  #1 (permalink)  
Antiguo 28/03/2010, 12:15
Avatar de pacus  
Fecha de Ingreso: septiembre-2003
Ubicación: Guayaquil
Mensajes: 96
Antigüedad: 14 años, 3 meses
Puntos: 1
Cómo abrir subsecciones en la misma página

No tengo idea de cómo buscar este tema que necesito: se trata de que en una página que tiene mucha información salgan solo los titulares y al hacer click en cada titular se "abra" la sección correspondiente pero sin mandarme a otra página, sino que he visto que mediante una especie de animación se abre la sección hacia abajo y se puede cerrar haciendo otro click.

Cómo se llama eso para buscarlo o si me pueden dar el dato directamente les agradecería.
  #2 (permalink)  
Antiguo 28/03/2010, 13:00
Avatar de Nemutagk
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: México
Mensajes: 2.633
Antigüedad: 13 años, 8 meses
Puntos: 406
Respuesta: Cómo abrir subsecciones en la misma página

Eso es con Javascript y únicamente es manipular la propiedad css "display"...

Código HTML:
Ver original
  1. <title>Ejemplo</title>
  2. <script type="text/javascript">
  3. function desplegar(idDiv) {
  4.     if (document.getElementById(idDiv).style.display == '') {
  5.         document.getElementById(idDiv).style.display = 'none';
  6.     }else {
  7.         document.getElementById(idDiv).style.display = '';
  8.     }
  9.     return false;
  10. }
  11. </head>
  12. <p><a href="#"  onclick="return desplegar('div01')">ver bloque 01</a></p>
  13. <p><a href="#"  onclick="return desplegar('div02')">ver bloque 02</a></p>
  14. <p><a href="#"  onclick="return desplegar('div03')">ver bloque 03</a></p>
  15. <div id="div01" style="display:none;">hola</div>
  16. <div id="div02" style="display:none;">hola</div>
  17. <div id="div03" style="display:none;">hola</div>
  18. </body>
  19. </html>
__________________
Listo?, tendría que tener 60 puntos menos de IQ para considerarme listo!!!
-- Sheldon Cooper
http://twitter.com/nemutagk
PD: No contestaré temas vía mensaje personal =)
  #3 (permalink)  
Antiguo 28/03/2010, 13:55
Avatar de pacus  
Fecha de Ingreso: septiembre-2003
Ubicación: Guayaquil
Mensajes: 96
Antigüedad: 14 años, 3 meses
Puntos: 1
Respuesta: Cómo abrir subsecciones en la misma página

Te mereces un 10 por la respuesta, muchas gracias
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 19:18.