28 febrero 2009

Expandir o Contraer elementos

Hay un truco muy útil y muy utilizado entre nosotros los blogueros, que es el de Expandir o Contraer elementos o contenidos, bien sea una imagen, enlace y texto. Yo lo utilizo mucho, me sirve acortar códigos o los mismo post para que no sean tan extensos. Es muy sencillo y espero que sea de mucha utilidad.


Nos vamos a Diseño / Edición y buscamos la etiqueta </head> y justo ante colocaremos este script:



<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>

Guardamos los cambios y luego para poner en funcionamiento, utilizaremos este código:


<a onclick="return verocultar(this);"
href="javascript:void(0);">ENLACE</a><div style="display: none;">
------ Aquí va lo que se quiere ocultar ------
</div>

Listo veamos los resultados:
Este caso a hacer utilizando donde dice Enlace coloco cualquier texto:

Ver/Ocultar

Caminando Democritum voluptatum incorrupte ut ius, eleifend torquatos adipiscing ad sea, ex ubique labores eum. Dicit oratio bonorum an eos. Voluptua adipisci principes at sed, dicta platonem no quo, eum malis alienum copiosae et. Vis hinc luptatum conclusionemque no. Ut laoreet percipit erroribus mei, quot partem dignissim et eam, ex quo oratio abhorreant disputationi. Dicit oratio bonorum an eos. Voluptua adipisci principes at sed, dicta platonem no quo, eum malis alienum copiosae et. Vis hinc luptatum conclusionemque no. Ut laoreet percipit erroribus mei, quot partem dignissim et eam, ex quo oratio abhorreant disputationi.


Este otro coloco donde dice Enlace coloco una imagen:


Expandir/Contraer
Abrir

Caminando

16 comentarios:

  1. esta muy bien el tip

    ResponderEliminar
  2. Y si que es de utilidad :), saludos desde Venezuela.

    ResponderEliminar
  3. Qué suerte Antony...me avisa un amigo que no puede comentar en el blog...ohhh mama mía, cosas de los chicos de blogger???, no lo sé...kisses!!!

    ResponderEliminar
  4. Bastante interesante, algunas veces he tratado de lograr esto pero no he podido, tu explicacion se ven sencilla.

    Por otro lado... tengo un premio en mi blog para ti. Espero te guste, saludos!

    ResponderEliminar
  5. Hola Ibarakaldo! :) Gracias!

    Hola Alba! De muchísima utilidad ;). Saludos!

    Hola Graciela! Le ha pasado a muchos... Al parecer es el widget de los seguidores... Saludos!

    Hola Elitazesf! Esto ese muy sencillo... Solo hay que conocer siempre nuestra plantilla. Gracias por el premio... Saludos!

    ResponderEliminar
  6. Hola Antony.

    Siempre me fascinó mucho este truco. Incluso lo tenía implementado en mi anterior plantilla. Por cierto, aún conservas el anterior tema que tenías?.

    Saludines!.

    ResponderEliminar
  7. Hola Birdelo! Déjame buscarla... Y te aviso?

    ResponderEliminar
  8. Hola Antony, estoy realizado cambios en mi plantilla, uno de los temas que me gustaría cambiar es que la fecha de publicación de mis post estuviera allado del titulo de la entrada; pero no se como hacerlo, mi plantilla es Minima Black de blogger.

    Un saludo y gracias por tu blog! es buenisimo.

    ResponderEliminar
  9. Hola 3705! Bueno, voy a tratar de publicar un post referente a esto, es un tema delicado y un poco difícil. Saludos y gracias a ti. :)

    ResponderEliminar
  10. Muy bueno el ejemplo y sencillo de entender, gracias!!!!

    ResponderEliminar
  11. hola como estas, te hago una consulta, dado que recien estoy empezando, esto se puede utilizar dentro de una entrada por en mi plantilla solo lo toma como gadget, que puedo hacer por que me interesa usarlo dentro de un post y no por afuera.
    gracias.
    saludos.

    ResponderEliminar
  12. I like your post very much.Thank you for sharing the information

    ResponderEliminar
  13. Me gustaria saber como lo hago para agregar mas de uno al mismo tiempo, algo asi como para "preguntas frecuentes"

    ResponderEliminar
  14. Muchas gracias esto sirvio de mucho!

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!