el tab se resetea

Muy buenas a todos, llegue aqui nuevamente con una consulta, en este caso referente a Bootstrap y sus Tabs.

Me veo en la necesidad de tener Tabs, que al recargar el sitio web, la pestaña que esta elegida en ese momento, sea “recordada” y no vuelva a la primera pestaña, o a la pestaña por defecto. Por ejemplo, si tengo 3 pestañas, y actualmente tengo activa la pestaña ‘ 2 ‘. Al actualizar esa pagina, el tab activo tendria que ser el numero ‘ 2 ‘.
Necesito esto, puesto que la ultima pestaña de las 3 que estoy utilizando, posee un formulario en PHP que al enviarse genera un mensaje, el mismo lo devuelve en un MODAL (de bootstrap 3 tambien), para indicar si fue con exito, o si fracaso.

O no estoy buscando bien (lo mas probable) o no estoy encontrando la manera. Si por favor alguien conoce la manera en la cual pueda solucionarlo estare agradecido.

PD: El codigo del Tab no lo coloco porque es un tab basico, en caso de que lo requieran puedo colocarlo.

  #2 (permalink)
Antiguo 23/12/2014, 03:47
Fecha de Ingreso: enero-2008
Ubicación: Málaga – España
Mensajes: 329
Antigüedad: 8 años, 7 meses
Puntos: 13
Respuesta: Tabs con Bootstrap3, se resetea al recargar la pagina.

Bueno, pues yo lo hago así, igual hay otra forma pero no di con ella.

Yo trabajo con ASP, pero la idea es lo que cuenta y se puede adaptar a cualquier lenguaje.

1º con cada link del TAB en cuestion paso por QueryString el id del tab para luego recogerlo.
EJ.

2º cuando cargo la pagina recojo el tab si existe y lo meto en una variable
EJ.

Código ASP:

Ver original
  1. <% TAB = request(“tab”) %>

3º Al final de la pagina tengo el script para que se visualize el tab en cuestion:

Código Javascript:

Ver original
  1. <script>
  2.     $(function() {
  3.         $(‘#myTab a[href=”#<%=TAB%>”]’).tab(‘show’);
  4.     });
  5.     $(‘.modal’).on(‘hidden.bs.modal’, function (e) {
  6.             location.reload();
  7.     })
  8. </script>

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s