Mostrar/Ocultar texto - Ayuda para el blog

Pagina optimizada para

Firefox: Descargar

jueves, 20 de noviembre de 2008

Mostrar/Ocultar texto

Como mostrar/ocultar texto:
Vamos a Diseño/Edición HTML y luego
copiamos este codigo justo antes de </head>
(Para saber donde esta pulsamos ctrl + f i escribimos </head>)

<!-- desplegable -->
<style type="text/css">.texthidden {display:inline}.shown {display:block}</style><script type="text/javascript">document.write('<style>.texthidden {display:none} </style>');</script><script type="text/Javascript">function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<!--desplegable -->

Luego copiaremos el siguente codigo en Elementos de pagina/HTML/Javascript:

<center><a href="javascript:void(0);" onclick="expandcollapse('cualquiercosa')">Ver ejemplo</a>
<ul id="cualquiercosa" class="texthidden">
Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-
</ul>
</center>

Donde "cualquiercosa" es un nombre cualquiera que no deberemos repetir si agregamos este código más de una vez en nuestro blog y donde "Texto-oculto" es lo que queremos esconder. Podemos añadirlo cuantas veces deseamos pero con un nombre diferente.

No hay comentarios:

melonet

Archivo del blog

Peticiones

Para estar al día...

Introduce tu e-mail

Ofrecido por PSP-s

Afiliados

PSP-s
Melonet*
meloneto.tk
Enlázame: