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

Hacer pagina despleglable

Estas en el tema de Hacer pagina despleglable en el foro de Diseño web en Foros del Web. Hola buenas, soy nuevo por aqui, y tengo una pregunta. Me estoy haciendo una web y me gustaria saber si alguien sabe cual es el ...
  #1 (permalink)  
Antiguo 14/11/2008, 13:36
 
Fecha de Ingreso: noviembre-2008
Mensajes: 1
Antigüedad: 16 años
Puntos: 0
Hacer pagina despleglable

Hola buenas, soy nuevo por aqui, y tengo una pregunta.
Me estoy haciendo una web y me gustaria saber si alguien sabe cual es el codigo que tengo que poner para hacer que en una pagina salga un desplegable, pero que no enlace con otra pagina, sino que se despliegue el texto, por ejemplo:

Bla bla bla bla bla.... pinchar para seguir leyendo.

Gracias por vuestras aportaciones!!
  #2 (permalink)  
Antiguo 14/11/2008, 13:59
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.597
Antigüedad: 19 años, 2 meses
Puntos: 49
Respuesta: Hacer pagina despleglable

para ello necesitas javascript ese es tu foro :)

Código:
<script>
// definiciones basicas
OCULTO="none";
VISIBLE="block";	
function mostrar(blo) {
  document.getElementById(blo).style.display=VISIBLE;
  document.getElementById('ver_off').style.display=VISIBLE;
  document.getElementById('ver_on').style.display=OCULTO;
}
 
function ocultar(blo) {
  document.getElementById(blo).style.display=OCULTO;
  document.getElementById('ver_off').style.display=OCULTO;
  document.getElementById('ver_on').style.display=VISIBLE;
}
</script>
con ese script ocultamos y mostramos las capas al hacer onclick ahora hay que ir a las capas

Código:
<div id="ver_on"><a href="#" onclick="mostrar('bloque')">Mostrar</div>
<div id="ver_off" style="display: none">
<a href="#" onclick="ocultar('bloque')">Ocultar
</div>
<div id="bloque" style="display: none">
Aqui ira el texto oculto
</div>

saludos man :)
__________________
Gokuh Salvo al mundo. PUNTO!!!!
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 05:27.