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

Comentarios

23 respuestas a «Personalizar el Spry Accordion en Dreamweaver CS3 | Ví­deotutorial»

  1. Avatar de daniel

    gracias por los 2 tips para personalizarlos

  2. Avatar de jose
    jose

    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.

    1. Avatar de ceslava

      Gracias Jose, mira esta web, está especializada en DW y desarrolla muchos tutoriales en español:

      http://www.dwug.es/

      Saludos

  3. Avatar de pascual
    pascual

    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. Avatar de XTSunami
    XTSunami

    Gracias, Gracias, gracias por tu gran HELP

    Saludos desde Canarias

  5. Avatar de daniela
    daniela

    gracias me sirvio mucho!!

  6. Avatar de Carlos
    Carlos

    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. Avatar de monica
    monica

    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. Avatar de ceslava

    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. Avatar de Fabian
    Fabian

    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

    1. Avatar de ceslava

      Hola Fabián,

      Te respondo en el foro.

      Saludos

  10. Avatar de gustavo
    gustavo

    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. Avatar de gustavo
    gustavo

    xfa ayudenm

  12. Avatar de numero_5
    numero_5

    esta excelente el ejemplito no se si puedas poner mas ejemplos

    se agradecera bastante

  13. Avatar de carol

    EXCELENTE! ..de mucha ayuda muchas gracias!!

  14. Avatar de Ricardo
    Ricardo

    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. Avatar de Alvaro
    Alvaro

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

  16. Avatar de camilo40
    camilo40

    Gracias me sirvió mucho tu post.

    1. Avatar de ceslava

      Es antiguo pero me alegro que siga siendo útil.

      Un abrazo

  17. Avatar de julieta

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

    1. Avatar de ceslava

      Hola Julieta,

      Este post es bastante antiguo, ahora hay soluciones miles muchas de ellas en forma de plugins jQuery como este http://www.designchemical.com/lab/jquery-vertical-accordion-menu-plugin/examples/ o este horizontal como tú necesitas http://nicolahibbert.com/demo/liteAccordion/

      Saludos

  18. Avatar de dulce
    dulce

    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!

Deja una respuesta

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