how to move from one tab to another tab by double click on table row
Question
<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript" src="js/adminBody.js"></script>
<head>
<style >
.topMenu{
float:right;}
</style>
</head>
<div class="portlet-body">
<div class="tabbable tabbable-custom">
<ul class="nav nav-tabs">
<li class="active"><a href = "#jobs" data-toggle="tab" onclick="disabled()">Jobs</a></li>
<li><a href="#system-check-in" data-toggle="tab" onclick="enablebtn()">System Check-in</a></li>
<li><a href="#service-and-repair" data-toggle="tab" onclick="enablebtn()">Service & Repair</a></li>
<li><a href="#system-check-out" data-toggle="tab" onclick="enablebtn()">System Check-out</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="jobs">
<div class="portlet box purple">
<div class="portlet-title">
<h4><i class="icon-book"></i>Jobs List</h4>
<div class="tools">
<a href="javascript:;" class="collapse"></a>
<a href="javascript:;" class="reload"></a>
<a href="javascript:;" class="remove"></a>
</div>
</div>
<div class="portlet-body">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>JOB NO</th>
<th>CILENT NAME</th>
<th>JOB DATE</th>
<th >DUE DATE</th>
<th>COMPL DATE</th>
<th>SYS. OUT DATE</th>
<th>STATUS</th>
<th>PRIORITY</th>
<th>ALLOC TO</th>
</tr>
</thead>
<tbody ondblclick="$('#system-check-in').toggle()">
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td class="hidden-480">makr124</td>
<td><span class="label label-success">Approved</span></td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
</div>
any one can tell me... how to move from one tab to another tab by double click on row table...
here is code working but the thing is next tab is show bottom .. i need in tab section only... is there any wrong in my code
1 answers
solution1
0 ACCPTED 2014-03-14 06:49:09
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script>
function rowDoubleClicked(e){
if(document.selection && document.selection.empty) {
document.selection.empty();
}
else if(window.getSelection) {
var selection = window.getSelection();
selection.removeAllRanges();
}
$('#myTabs a[href="#system-check-in"]').tab('show');
}
</script>
</head>
<body>
<div class="tabbable tabbable-custom">
<ul id="myTabs" class="nav nav-tabs">
<li class="active"><a href = "#jobs" data-toggle="tab" onclick="disabled()">Jobs</a></li>
<li><a href="#system-check-in" data-toggle="tab" onclick="enablebtn()">System Check-in</a></li>
<li><a href="#service-and-repair" data-toggle="tab" onclick="enablebtn()">Service & Repair</a></li>
<li><a href="#system-check-out" data-toggle="tab" onclick="enablebtn()">System Check-out</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="jobs" data-tabs="tabs">
<div class="portlet box purple">
<div class="portlet-title">
<h4><i class="icon-book"></i>Jobs List</h4>
<div class="tools">
<a href="javascript:;" class="collapse"></a>
<a href="javascript:;" class="reload"></a>
<a href="javascript:;" class="remove"></a>
</div>
</div>
<div class="portlet-body">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>JOB NO</th>
<th>CILENT NAME</th>
<th>JOB DATE</th>
<th >DUE DATE</th>
<th>COMPL DATE</th>
<th>SYS. OUT DATE</th>
<th>STATUS</th>
<th>PRIORITY</th>
<th>ALLOC TO</th>
</tr>
</thead>
<tbody>
<tr ondblclick="rowDoubleClicked(event);">
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td class="hidden-480">makr124</td>
<td><span class="label label-success">Approved</span></td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="tab-pane" id="system-check-in" data-tabs="tabs">
<p>contents related to system-check-in </p>
</div>
</div>
</div>
<script src="js/jquery-1.9.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to pass widget values from one tab to another tab in GXT?
How to pass a parameter from one tab to another and change the tab with a button?
how to move from one row to another
How to move selenium webdriver to another tab of the browser and click on button within iframe
How to move one field to another field using tab key using swing?
How to go to a specific tab in a Sliding Tab Layout from another activity
how to prevent from changing tab by mouse click
How to Click the Tab
Resize JavaFX tab when double click
How to add fragment tab from another activity
Related Tags