Spry CollapSible

[zoloquoki]

Hola a todos!!

Estoy creando unas fichas de asociación, lo cual cada asociación tiene una ficha convertida en Spry CollapSible (del dreamweaver CS3) y asi ahorro mucho espacio.

Y me gustaría añadir al final de cada ficha un botón "cerrar" (abajo derecha), y que haga la función de cerrar la ficha. Sería posible?

Adjunto enlace del ejemplo: aqui

espero que sea tarea fácil. mil gracias!

[danistrein]

hola zoloquoki, este tema tendrías que postearlo en Javascript , pero igual mira te hice una simple solucion aunque no se nada de Js. Espero que te sirva

Código HTML:

<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Ficha</div>
<div id="contenido" class="CollapsiblePanelContent">
<p>Contenido</p>
<p>Contenido..................................................................</p>
<p>........................</p>
<p>........................</p>
<p>.......................</p>

<script>
function cerrar(){
var contenido = document.getElementById('contenido')
contenido.style.display = 'none'
}
</script>
<input type="button" style="float:right; margin-right: -12px;" onclick="cerrar()" value="Cerrar" />
</div>  
</div> 

[zoloquoki]

gracias por la respuesta!!

pregunta: Hay que crear nuevo archivo .js o en el mismo archivo de "spry"?

o basta con poner en la hoja .html?

gracias!

[danistrein]

Iniciado por zoloquoki

gracias por la respuesta!!

pregunta: Hay que crear nuevo archivo .js o en el mismo archivo de "spry"?

o basta con poner en la hoja .html?

gracias!

no hace falta ponerlo en un nuevo archivo js, puedes ponerlo donde quieras tambien dentro js del spry pero acegurate que no meterlo dentro de la funcion del spry.

[C2am]

Hola
Si lo que tienes dentro de la ficha no es muy extenso, porque no pones dentro de la "cabecera" un div o p flotado a la derecha con la palabra cerrar, y aprovechas la funcion por defecto que tiene el spry.
algo como esto

[zoloquoki]

Gracias por las respuestas!

Primero, lo de las fichas, si que son bastantes extensos (C2am, tu idea es buena pero no me servirá ya que una vez leyendo más abajo, ya no se va a ver...), precisamente por eso, me gustaría añadir la función de "cerrar" al final de cada ficha. Y sinceramente, no consigo como hacer "funcionarlo" ya que no entiendo mucho de JS.

Y agradecería mucho de si alguien sepa solventarlo.

mil gracias!

[danistrein]

hola zoloquoki, yo tambien no ce nada de Js , pero te recomiendo que eches un vistazo a Jquery donde encontraras mucho sobre JavaScript, si te fijas en las librerías podrías encontrar algún code que te ayude con tu problema..

saludos