Nav tabs keeping active after saving, among multiple tabs
Tab Selection Button
<li>
<a data-toggle="tab" href="#tab_2" aria-expanded="false">
<strong><i class="fa fa-building"></i> Building</strong>
</a>
</li>
Tab Body
<div id="tab_2" class="tab-pane">
<div class="results">
<div class="table-responsive">
<div class="panel panel-default">
<div class="panel-heading">
<strong style="line-height: 35px;"><i class="fa fa-home"></i> Park building details</strong>
<a class="buildingAddButton" data-toggle="modal" data-target="#ParkModal" onclick="openModal('.buildingAddButton', 'modal-content')" href="{{ url('/settings/park/create-building/'.Encryption::encodeId($park->id)) }}">
{!! Form::button('<i class="fa fa-plus"></i> <b>New building </b>', array('type' => 'button', 'class' => 'pull-right btn btn-default')) !!}
</a>
<div class="clearfix"></div>
</div>
<div class="panel-body">
<table id="buildingList" class="table table-striped table-bordered dt-responsive" cellspacing="0" width="100%">
<thead class="alert alert-info">
<tr>
<th>#</th>
<th>Building Name</th>
<th>Remarks</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
Tab Selection Script
$(document).ready(function(){
var url = document.location.toString();
if (url.match('#')) {
$('.nav-pills a[href="#' + url.split('#')[1] + '"]').tab('show');
$('.nav-pills a').removeClass('active');
}
});
<li>
<a data-toggle="tab" href="#tab_2" aria-expanded="false">
<strong><i class="fa fa-building"></i> Building</strong>
</a>
</li>
Tab Body
<div id="tab_2" class="tab-pane">
<div class="results">
<div class="table-responsive">
<div class="panel panel-default">
<div class="panel-heading">
<strong style="line-height: 35px;"><i class="fa fa-home"></i> Park building details</strong>
<a class="buildingAddButton" data-toggle="modal" data-target="#ParkModal" onclick="openModal('.buildingAddButton', 'modal-content')" href="{{ url('/settings/park/create-building/'.Encryption::encodeId($park->id)) }}">
{!! Form::button('<i class="fa fa-plus"></i> <b>New building </b>', array('type' => 'button', 'class' => 'pull-right btn btn-default')) !!}
</a>
<div class="clearfix"></div>
</div>
<div class="panel-body">
<table id="buildingList" class="table table-striped table-bordered dt-responsive" cellspacing="0" width="100%">
<thead class="alert alert-info">
<tr>
<th>#</th>
<th>Building Name</th>
<th>Remarks</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
Tab Selection Script
$(document).ready(function(){
var url = document.location.toString();
if (url.match('#')) {
$('.nav-pills a[href="#' + url.split('#')[1] + '"]').tab('show');
$('.nav-pills a').removeClass('active');
}
});
Comments
Post a Comment