Problema con tabs en url

[gspablo]

Buenas, tengo una página con 4 tabs, al cargar la página automáticamente se carga con el primer tab.

A mi me gustaria que por ejemplo si en la url pongo www.url.com/pagina.php#tab2 al abrir la página directamente se abra esa solapa

He mirado los links de las solapas y la dirección es del tipo como la anterior, pero escribiendolo en el explorador no funciona

que podria hacer?

He pensado poner una variable al final de la dirección donde se recoja la tab y se cargue, algo así: www.url.com/pagina.php?tab=2

Muchas gracias anticipadas!

[emprear]

gspablo:

no me queda muy claro, que se supone que carga cada tab? la misma página? páginas diferentes?

por las dudas te dejo un link a un tab hecho con css y fácil de implementar

http://labs.silverorange.com/archive.../updatedsimple

Si podés pasa la url de tu página


Saludos

[hdennison]

Para la versión 2 de jQuery UI tabs se supone que añadirán este comportamiento.

Por ahora puedes arreglarlo usando jQuery address

http://www.asual.com/jquery/address/

También hay otras soluciones basadas en javascript, por si no te convence jQuery, todo es cuestión de googlear un poco ;)

[Covids0020]

Iniciado por gspablo

Buenas, tengo una página con 4 tabs, al cargar la página automáticamente se carga con el primer tab.

A mi me gustaria que por ejemplo si en la url pongo www.url.com/pagina.php#tab2 al abrir la página directamente se abra esa solapa

He mirado los links de las solapas y la dirección es del tipo como la anterior, pero escribiendolo en el explorador no funciona

que podria hacer?

He pensado poner una variable al final de la dirección donde se recoja la tab y se cargue, algo así: www.url.com/pagina.php?tab=2

Muchas gracias anticipadas!

Aunque obviamente no lo soportan todos los navegadores, puedes usar CSS3 sin Javascript usando el selector :target.

Aunque admitiría otras mejoras, básicamente debes ocultar los elementos objetivo (los contenedores de las tabs) y mostrar solo el que tenga, como es lógico, el target.
Para cuando no se pase ningún marcador puedes utilizar también, ya que estamos con CSS3, el selector :first-child ;)