Hola! les traigo un codigo que solo han visto en mi pagina dentro de la comunidad de PWG. Se trata de un codigo que permite tener digamos un cambio de pagina sin actualizar, muy util para no hacer distintos link's para un mismo tema(por ejemplo, un tutorial que requiere de paso 1, 2, 3, 4 etc...) Ademas le garantizamos que se ahorrara un 50% de espacio como minimo al usar este codigo
y a decir verdad es mucho mas facil de lo que piensan.
ADVERTENCIA!=este codigo es de Spry Microsoft, TIENEN (osea, obligatoriamente) colocar algo como:
Codigo hecho por Spry Microsoft
para no violar los derechos de autor, no se la url de microsoft pero la estoy buscando para colocarlo como url a hacia su web.(hagan que sea url hacia microsoft, pero aun la busco.)
Bueno aqui va:
Este codigo coloquenlo en Texto por enzima de la pagina:
Cita: <div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">
Link 1</li>
<li class="TabbedPanelsTab" tabindex="0">
Link 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
Contenido del link1</div>
<div class="TabbedPanelsContent">
Contenido del link 2</div>
</div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
Y eso es todo.Genial no?En mi web pueden ver un ejemplo de como funciona(aunque le agrege otro codigo para que se aparesca y desaparesca con un solo click, ese lo comento despues.)
http://themeid.es.tl/rock.htm[/code]
EDITO!!!!!=hay un pequeño problema derrepente con el codigo, que cuando se cambia de link y el otro es mas que el anterior sucede un error grafico, asi os recomiendo colocar el mas grande primero, pero si es algo que requiere pasos como un tutorial o un linea de tiempo. os recomiendo que hagan una tabla que tenga el tamaño del link mas grande, asi se solucionara el problema
