Ver Mensaje Individual
  #44 (permalink)  
Antiguo 12/07/2011, 09:34
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 pablopgp_lm Ver Mensaje
hola gente, voy a revivir este tema porque toy buscando la forma de encontrar una respuesta a mis preguntas y estoy tocando por todos lados je.
La idea es casi la misma, mostrar y ocultar ...pero esta vez una cadena de texto es decir un texto, un parrafo que primero se va a ver a la mitad, con unos "..." al final y al lado un "leer mas" que va a hacer que se muestre el texto completo de forma dinamica en el acto, y que baje todo los demas elementos que estan debajo del texto. Despues cuando este mostrado totalmente, va a ver otro boton que diga.."volver" o algo asi, que vuelve a dejar el texto reducido...no se si me explico..espero que puedan ayudarme. Saludos!
creo que tengo la solución a eso. verás, es simple: simplemente se trata de poner el <div> de lo que se va a mostrar delante del enlace. sería así:


Código PHP:
<html
<
head

<
script
function 
mostrar(enla etik) { 
  
obj document.getElementById(etik); 
    
obj.style.display = (obj.style.display == 'block') ? 'none' 'block'
  
enla.innerHTML = (enla.innerHTML == 'ocultar texto') ? '... seguir leyendo' 'ocultar texto'

</script> 
</head>
hola gente, voy a revivir este tema porque toy buscando la forma de encontrar una respuesta a mis preguntas y estoy tocando por todos lados je.
<div id="oculto" style="display:none">La idea es casi la misma, mostrar y ocultar ...pero esta vez una cadena de texto es decir un texto, un parrafo que primero se va a ver a la mitad, con unos "..." al final y al lado un "leer mas" que va a hacer que se muestre el texto completo de forma dinamica en el acto, y que baje todo los demas elementos que estan debajo del texto. Despues cuando este mostrado totalmente, va a ver otro boton que diga.."volver" o algo asi, que vuelve a dejar el texto reducido...no se si me explico..espero que puedan ayudarme. Saludos!</div>
<a href="#" onclick="mostrar(this,'oculto'); return false" />... seguir leyendo</a>
----
</html> 
lo malo que tiene esto es que el texto escrito entre el <div> te lo pone en un párrafo a parte. de momento el único apaño que le veo sería poner el <div> cuando vayas a cambiar de párrafo. así no se te estropearía el texto y mantendría su formato original.
un saludo.