Te encuentras en: Inicio ⇒ Scripts ⇒ Expandir post con efecto deslizante con javascript
Visto un script simple en Expandir entradas en página principal - home
y Expandir un post de forma simple, se puede colocar la librería Prototype & Scriptaculous.
1. Se coloca JavaScript.
2. Colocamos antes de la etiqueta </head>
<!-- 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-->
3. Diseño>Edición de HTML>expandimos artilugios. Usamos control+F y buscamos unas líneas de código usadas para entradas expandibles.
<a expr:onclick='"javascript:toggleIt("" + data:post.id + "");"' href='javascript:void(0)' style='text-decoration:none' title='Expandir/Contraer la entrada'>[+/-]</a>
4. Se sustituye por la siguiente línea...
<a expr:onclick='"Effect.toggle(\"" + data:post.id + "\",\"slide\");"' href='javascript:void(0)' style='text-decoration:none' title='Expandir/Contraer la entrada'>[+/-]</a>
5. Guardar.
► 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