Personalizar el Spry Accordion en Dreamweaver CS3 | Ví­deotutorial

Los spry integrados en Dreamweaver CS3 permiten utilizar Ajax sin necesidad de saber demasiado de programación. En concreto os dejo un ví­deotutorial del spry Accordion y un par de sugerencias por si queréis personalizarlo.

Hacer que todos los paneles se muestren cerrados al inicio y hacer que sean autoexpandibles:

Por defecto el primer panel se va a mostrar abierto, para cambiar esto cambiamos en la lí­nea 37 del archivo SpryAccordion.js el 0 por -1, quedará:

this.defaultPanel = -1;

Además para que la altura no sea fija y no nos salga el feo scroll si el contenido es demasiado largo cambiamos la lí­nea 52 de true a false:

this.useFixedPanelHeights = false;


No english title – video powered by Metacafe

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  1. Muchas gracias por este videotuto y la informacion detallada en el , me ha servido muy bien .Haces una gran labor.
    Me podias decir donde puedo ver mas videotutos sobre la configuración de los otros widgets menus ?
    Gracias un saludo.

  2. Gracias por tu aportacion a mi me salvo la vida con esto de spry
    para realizar una pagina web, trate de ingresar a la pagina que le recomiendas a jose´pero creo que la quitaron tendras otra??
    de antemano gracias

  3. Olaa !
    Tengo un problema con spry acordeon, con los tips que brindaste (muchas gracias) me funciona perfectamente mi menu acordeon en todos los navegadores, pero en Firefox, este menu no se expande y la info que contiene cada panel se monta una a la otra…

    Agradezco me ayudaras con este error de compatibilidad o no se que tipo de error sea ese …

    Gracias

  4. Estoy usando Dreamweaver, Spry acordion, ya modifique css, pero al navegar muestra todos los textos y me gustaria saber como hago para q se viera inicialmente TODO cerrado

  5. Hola, muy bueno los tips, pero me pasa lo mismo que a otro usuario. En IE funciona perfecto pero con Firefox se enciman los textos. Tiene solución?
    Gracias

  6. mi problema es que tengo spry accordion uno sbro otro y ala hora de ejektarlos me apare una barra de desplasamiento m gustaria q me dijieran si se puede eliminar esa barra o si se uede agrandar el spry para q no slaga

  7. Muchas gracias por el tip de comprimir todas las pestañas desde el inicio. Me ha ayudado mucho. Excelente trabajo.

    El tip que das para evitar el scroll es más sencillo que el que yo sabía. Que era colocando ese mismo código en cada página así que lo voy a implementar también.

    Gracias!

  8. Hola!,
    gracias por el aporte, es una opción que estaba tratando de configurar desde hace varios días sin éxito, me ha resultado muy útil.
    Sigue dando tips de configuracion de herramientas de dreamweaver!