Ver Mensaje Individual
  #47 (permalink)  
Antiguo 19/07/2011, 06:53
Avatar de RafaRG
RafaRG
 
Fecha de Ingreso: julio-2011
Ubicación: Córdoba, España
Mensajes: 124
Antigüedad: 12 años, 11 meses
Puntos: 13
Respuesta: Ocultar texto, pulsar boton y mostrarlo

Cita:
Iniciado por Kudsick Ver Mensaje
Buenas.

Me ha servido muchisimo todo lo que han puesto aqui, solo tengo una duda.

He puesto todo como indican y me funciona pero el problema es que cuando inicia la pagina todo aparece oculto y ademas pues todo aparece separado, vamos cuando le doy mostrar aparece mi texto como debe de ser pero cual lo oculto todo el espacio que ocupa ese texto se queda vacio y lo que sigue esta mas abajo, quisiera que cuando le de ocultar lo que esta mas abajo se recorra hacia arriba para poder visualizar todo. Me explico mejor con ejemplo:

Asi esta mi pagina
----------------------------------------
-Mi enlace que oculta-
-mi texto que desaparece-
-Mi enlace que oculta 2-
-mi texto que desaparece-
-Mi enlace que oculta 3-
-mi texto que desaparece-
---------------------------------------------

Cuando lo oculto quiero que quede asi:

---------------------------------------------------
-Mi enlace que oculta 1-
-Mi enlace que oculta 2-
-Mi enlace que oculta 3-
--------------------------------------------------

pero en lugar de eso me queda asi:

----------------------------------------------------
-Mi enlace que oculta 1-

-Mi enlace que oculta 2-

-Mi enlace que oculta 3-

-------------------------------------------------------

Obvio que mi texto es basto por lo cual queda un espacio muy grande y no se ve cool, solo quiero que se recorre hacia arriba, de antemano muchas gracias y que buen foro es este! (no, no les hago la barba si no que me han sacado de muchas dudas).
ya se habló de ello antes, pero te pongo el código aquí:
Código PHP:
<head>
<
script>
function 
mostrar(enla) {
  
obj document.getElementById('oculto');
  
obj.style.display = (obj.style.display == 'block') ? 'none' 'block';
  
enla.innerHTML = (enla.innerHTML == '-') ? '+' '-';
}
</script>
</head>
<body>
<a href="#" onclick="mostrar(this); return false" />+</a>
<div id="oculto" style="display:none">
Este texto se verá cuando yo quiera
</div><br>
Este texto siempre se ve.
</body>