Truco Para Mostrar y/o Ocultar Información En Las Entradas De Blogger

- Publicado por Fabio Salinas On 7:35 p. m.

Este truco lo implementaba en mi blog anterior y me parece muy llamativo, lo encontré en KeyTrucos, un excelente Blog con mucha información para todos los Bloggers.

Y este es el link directo a la entrada.

<div><div><div class="pre-spoiler"><span style="float: left; padding-top: 2px;"></span><input value="Ver" style="margin: 0px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver';}" type="button"> </div> <div> <div class="spoiler" style="display: none;"><span style="font-family:trebuchet ms;"><div style="text-align: center;"><div style="text-align: justify;"><u style="font-family: trebuchet ms;"></u>
TEXTO A OCULTAR
</span></div></div></span></div></div></div></div></fieldset>

Todo lo que encuentran en ROJO se puede modificar, luego solo copiar y pegar.

Y ya insertado el script se vera así:

1 Comment

  1. julio Said,

    GRACIAS POR EL APORTE... JULIO

    Posted on 8 de mayo de 2009, 0:44

     

Publicar un comentario

Comenta lo que quieras, pero por favor se coherente y no te pases con los demas!