Archivo de la etiqueta: Diseño Web

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

Recursos Halloween (Diseñadores Web)

Colección de imágenes, pinceles y tutoriales con los que dar un aspecto “terrorífico” a nuestra web.

deviantART, la plataforma web donde se reúne una variada comunidad de diseñadores interesados en ofrecer y encontrar todo tipo recursos ha presentado una completa colección de recursos Halloween.

Entre los recursos que vamos a poder encontrar destacan diseños, pinceles, tutoriales para manipular imágenes, y fotografías y fondos de pantalla con un marcado estilo de terror.

Pese a que la mayoría de los recursos ofrecidos están disponibles de forma completamente gratuita, es recomendable revisar los términos de la licencia.

Interesados pueden acceder a Recursos Halloween para Diseñadores Web desde hq.deviantart.com.