Ver Mensaje Individual
  #22 (permalink)  
Antiguo 17/02/2010, 15:41
Sintak
 
Fecha de Ingreso: marzo-2008
Mensajes: 56
Antigüedad: 16 años
Puntos: 0
Respuesta: Sistemas de Tabs con el contenido en la misma pagina

Entonces el código para que se vean todas las pestañas sin javascript sería este:

Código HTML:
Ver original
  1. <script type="text/javascript">
  2. <!--
  3. * * function cambiarPestana( pestana ) {
  4. * * * * //Ocultar TODAS las pestañas
  5. * * * * for( i = 0; i <= 4; i++ ) document.getElementById( 'pestana' + i ).style.display = 'none';
  6. * * * *
  7. * * * * //Mostrar la pestaña que nos piden
  8. * * * * document.getElementById( 'pestana' + pestana ).style.display = 'block';
  9. * * }
  10.    cambiarPestana( 1 );  //Linea nueva!!! En vez de 1, puedes poner la pestaña que quieras que esté por defecto
  11. -->
  12. <a href="javascript:cambiarPestana( 1 )">Mostrar pestaña 1</a>
  13. <a href="javascript:cambiarPestana( 2 )">Mostrar pestaña 2</a>
  14. <a href="javascript:cambiarPestana( 3 )">Mostrar pestaña 3</a>
  15. <a href="javascript:cambiarPestana( 4 )">Mostrar pestaña 4</a>
  16. <div id="pestana0" style="display: block">Cosas que sólo verás una vez!!</div>
  17. <div id="pestana1" style="display: block">Cosas de la pestaña 1</div>
  18. <div id="pestana2" style="display: block">Cosas de la pestaña 2</div>
  19. <div id="pestana3" style="display: block">Cosas de la pestaña 3</div>
  20. <div id="pestana4" style="display: block">Cosas de la pestaña 4</div>

Y la pestaña que pusieran en cambiarpestana sería la que se viera por defecto mientras que oculta a todas las demás.

Si es así, muchas gracias por todo, este código es mucho más fácil de entender, mas intuitivo y mucho menos pesado a la hora de modificar o de aplicar.

Gracias por todo, cuando tenga el sistema completo lo publicaré para futuras dudas que le surgan a otras personas, y no dudeis de que si tengo mas dudas, volveré para dar el coñazo :D

Una pregunta más: podrías explicar exactamente que hace el javascript para poder comprenderlo un poco?

Porque la pestana 0 se muestra solo una vez a pesar de que es display:block?