Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje03-01-2009, 19:31 (UTC)    
Título del mensaje: [Código Javascript] Spry: Panel que puede abrirse y cerrarse

Hola! ahora les traigo otro codigo Spry y que como ya dije antes se necesita mostrar que fue Hecho por Spry Microsoft.

este codigo hase que haya un panel que pueda abrirse y cerrarse a placer sin actualizar la pagina.

Buen codigo que sirve por ejemplo para los FAQ's que colocan la pregunta y que al hacer click, debajo de la pregunta aparece la respuesta sin que se actualize

bueno aqui va:

Lo primero es colcoar este codigo en Texto por enzima de la pagina:

Cita:
<script src="http://img1.xooimage.com/files/6/e/3/sprycollapsiblepanel-99e624.js" type="text/javascript"></script>
<link href="http://img9.xooimage.com/files/7/c/5/sprycollapsiblepanel-99f68c.css" rel="stylesheet" type="text/css" />


no es necesario ser modificado, pero si saves de CSS te sujiero que descargues este archivo y lo modifiques y lo vuelvas a subir:

http://img9.xooimage.com/files/7/c/5/sprycollapsiblepanel-99f68c.css

Luego lo sustituyes dentro del codigo.

Y ahroa lo unico que nos falta es ir a la pagina que deseamos aplicar el codigo y colocamos esto en modo HTML y solo modificamos lo que esta en rojo:

Cita:
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Link que se abre</div>
<div class="CollapsiblePanelContent">Contenido del link que se abre</div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
//-->
</script>


P.D= ese codigo hase que aparesca ya cerrado, pero si quieres que aparesca abierto modifica estas partes el ultimo codigo y fijate donde dice "Script" y sustituyelo completamente por este otro:



Cita:
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
//-->
</script>


Ultima edición por themeid el Sab Ene 17, 2009 10:17 am; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group