Entrar

Como crear un botón "ver más"?

_St · · Solicitar retirada
Hola, buenas.. noches? No sé que hora es en España, jaja!
Disculpen, vieron el botón "ver más" de facebook?
Bueno, necesito algo PARECIDO, y si se puede, en javascript :_
No es necesario que el botón se active automáticamente cuando un texto sobrepasa "X" cantidad de carácteres. Si no colocarlo manualmente yo en mis archivos :)

Vendría a ser algo así:

<script language=JavaScript>
document.write('blablablablablablablablablablablablablabla
blablablablablablablablablablablablablabla
blablablablablablablablablablablablablabla
blablablablablablablablablablablablablabla
TEXTOTEXTOTEXTOTEXTOTEXTOTEXTOTEXTOTEXTO
blablablablablablablablablablablablablabla
blablablablablablablablablablablablablabla
blablablablablablablablablablablablablabla')

[color=red]Acá iría el código para que cuando clickeás ese "enlace" el mismo desaparece y sigue la continuación del texto que es la siguiente:[/color]

document.write('blablablablablablablablablablablablablabla
TEXTOTEXTOTEXTOTEXTOTEXTOTEXTOTEXTOTEXTO
blablablablablablablablablablablablablabla')
</script>

Me explico? Desde ya muchísimas gracias y ojalá me curen un poco la ignorancia!
josesd · · Solicitar retirada
Si lo unico que quieres es colcarlo en tus archivos usa esto:


<style>
#algo { display: none }
</style>
<script language=JavaScript>

function pequeno(){
document.getElementById('algo').style.display="none";
document.getElementById('ud').innerHTML="<a id='ud' onclick='grande()' href='javascript:void(0)'>Mostrar mas</a>";

}
function grande(){
document.getElementById('algo').style.display="block";
document.getElementById('ud').innerHTML="<a id='ud' onclick='pequeno()' href='javascript:void(0)'>Mostrar menos</a>";
}

var texto = 'blablablablablablablablablablablablablablaoooooooooooo'
var texto2 = 'blablablablablablablablablablablablablabloooooooooooooooooooooooa'

document.write(texto);
document.write("<div id='algo'>");
document.write(texto2);
document.write("</div>");
document.write("<div id='ud'><a href='javascript:void(0)' onclick='grande()'>Mostrar mas</a></div>");

</script>
_St · · Solicitar retirada
Muchas gracias no lo había leido! Pero podrías revisar el código?
Al apretar mostrar más no aparece nada :'(

Te lo agradecería.
Gracias!!