enlaces a un tab en bootstrap

[rafex]

Hola foro, mi duda es la siguiente, tengo una barra de navegación con pestañas en bootstrap, como puedo enlazar a un tab específico mediante una URL?

mi codigo es:
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Quiénesr</a></li>
<li><a data-toggle="tab" href="#menu1">requisitos</a></li>
<li><a data-toggle="tab" href="#menu2">Cómo</a></li>
<li><a data-toggle="tab" href="#menu3">actualizar</a></li>
<li><a data-toggle="tab" href="#menu4">baja</a></li>
</ul>

<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<p><?php echo $obj;?></p>
</div>
<div id="menu1" class="tab-pane fade">
<p><?php echo $req;?></p>
</div>
<div id="menu2" class="tab-pane fade">
<p><?php echo $reg;?></p>
</div>
<div id="menu3" class="tab-pane fade">
<p><?php echo $act;?></p>
</div>
<div id="menu4" class="tab-pane fade">
<p><?php echo $baj;?></p>
</div>
</div>

Todo funciona bien, sin embargo necesito enlazar desde una página a un tab especifico y no funciona, le puse algo asi

www.mipagina.php/paginacontabs.php?op=4#menu2

pero siempre va a la primera opcion

gracias por cualquier ayuda que puedan ofrecerme

Rafa

[metalfox6383]

Hola, hace mucho traté de dejarte una posible solución pero estaba en una red bloqueada.

No hay una forma directa de obtener por PHP el id de mark (el que va con #). Se tendrìa que descomponer la URL y luego sacarlo, pero vamos a trabajar con lo que se tiene.

Puede pasar por get el tab del id, por ejemplo "&idTab=mitab", y luego extraerlo en PHP "$id_tab = $_GET['idTab']"

Posteriormente en tu còdigo HTML pondrìas:

<ul class="nav nav-tabs">
<li class="<?=$id_tab === 'home' ? 'active' : '' ?>"><a data-toggle="tab" href="#home">Quiénesr</a></li>
<li class="<?=$id_tab === 'menu1' ? 'active' : '' ?>"><a data-toggle="tab" href="#menu1">requisitos</a></li>
<li class="<?=$id_tab === 'menu2' ? 'active' : '' ?>"><a data-toggle="tab" href="#menu2">Cómo</a></li>
<li class="<?=$id_tab === 'menu3' ? 'active' : '' ?>"><a data-toggle="tab" href="#menu3">actualizar</a></li>
<li class="<?=$id_tab === 'menu4' ? 'active' : '' ?>"><a data-toggle="tab" href="#menu4">baja</a></li>
</ul>

Es decir, en cada elemento se consulta la variable pasada por GET y deja con clase activa el tab que coincida.

Espero haber ayudado. Nos comentas còmo te fue.
Saludos.