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;
gracias por los 2 tips para personalizarlos
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.
Gracias Jose, mira esta web, está especializada en DW y desarrolla muchos tutoriales en español:
http://www.dwug.es/
Saludos
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
Gracias, Gracias, gracias por tu gran HELP
Saludos desde Canarias
gracias me sirvio mucho!!
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
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
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
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
Hola Fabián,
Te respondo en el foro.
Saludos
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
xfa ayudenm
esta excelente el ejemplito no se si puedas poner mas ejemplos
se agradecera bastante
EXCELENTE! ..de mucha ayuda muchas gracias!!
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!
En algunos navegadores no funciones el valor -1 les aconsejo usar el valor null.
Gracias Álvaro
Gracias me sirvió mucho tu post.
Es antiguo pero me alegro que siga siendo útil.
Un abrazo
Hola queria saber si el spry accordion puede abrirse en vez de hacia abajo hacia el costado.
muchas gracias
julieta
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
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!