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

Escribí esto el 3/02/2008

23 comentarios

  1. daniel dice:

    gracias por los 2 tips para personalizarlos

  2. jose dice:

    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.

  3. pascual dice:

    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

  4. XTSunami dice:

    Gracias, Gracias, gracias por tu gran HELP

    Saludos desde Canarias

  5. daniela dice:

    gracias me sirvio mucho!!

  6. Carlos dice:

    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

  7. monica dice:

    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

  8. ceslava dice:

    Hola Mónica,

    Como puedes leer en el post debes modificar el archivo SpryAccordion.js

    Dejad por favor las dudas en el foro:

    http://foro.ceslava.com/

    Saludos

  9. Fabian dice:

    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

  10. gustavo dice:

    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

  11. gustavo dice:

    xfa ayudenm

  12. numero_5 dice:

    esta excelente el ejemplito no se si puedas poner mas ejemplos

    se agradecera bastante

  13. carol dice:

    EXCELENTE! ..de mucha ayuda muchas gracias!!

  14. Ricardo dice:

    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!

  15. Alvaro dice:

    En algunos navegadores no funciones el valor -1 les aconsejo usar el valor null.

  16. camilo40 dice:

    Gracias me sirvió mucho tu post.

  17. julieta dice:

    Hola queria saber si el spry accordion puede abrirse en vez de hacia abajo hacia el costado.
    muchas gracias
    julieta

  18. dulce dice:

    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!

Tu comentario

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies