Cuando la memoria flaquea no hay nada mejor que tomar apuntes para echar mano si es necesario. Por otro lado, es una fórmula como otra cualquiera para trabajar la memoria.

1. Se añade la librería de Javascript - Prototipe y Scriptculous.

JavaScript se carga una vez en la plantilla antes de </head> lo que muestra el código API de Google:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.1.0");
google.load("scriptaculous", "1.8.3");
</script>
<!-- Prototype y Scriptaculous-->

Es necesario revisar las versiones son actualizadas en Google Apis. Aunque los efectos que estemos usando funcionaran es aconsejable actualizarlos.

2. Para aplicar el efecto de las librerías de javascript se añaden unas líneas de código en la parte de la entrada que vayamos a mantener oculta. Sólo se hará visible al pinchar sobre el texto que se use como enlace.

<a href='#' onclick='Effect.toggle("UNO","slide"); return false'>Texto enlace &#9660;</a><div id='UNO' style='display: none;'>

COLOCAR LA PARTE QUE SE VAYA A OCULTAR O ESCONDER

</div>


Cuidado:

- La id (identificador)es la palabra "UNO" (aparece en dos ocasiones). Atención el id pertenece a un <div> concreto y único por lo que en cada ocasión que se utilice deberá colocarse uno distinto para evitar problemas de funcionamiento.

- El código se intoduce en la parte en la edición del post desde la pestaña "Edición de HTML" del editor y publicar directamente desde ahí, sin volver a la pestaña "Redactar" ya que se perdería el código.



► Te puede interesar:

- Expandir entrada con el post footer incluído
- Expandir entradas en página principal - home
- Listado títulos de entradas en página de etiquetas
- Intentar ver un número determinado de entradas en las anteriores y antiguas
- Mostrar y ocultar cualquier cosa con script simple
- Etiquetas expandir y recoger con script simple
- Archivos Feed expandir o contraer con script simple
- Fórmula simple de contraer o expandir un gadget
- Expandir un post de forma simple

• Con JavaScript con script.aculo.us o prototype - Clásico

Expandir o recoger un gadget con Scriptaculous - moderno

Expandir y recoger parte de una entrada con Scriptaculous

Expandir post con efecto deslizante con javascript




 


UP