สอบถามเกี่ยวกับ Bootstrap Tab Active หน่อยครับ อยากให้แท็บแรก Active อัตโนมัติครับ
ลองดูครับ
Code (PHP)
<div class="bs-example">
<ul class="nav nav-tabs" id="myTab">
<?php
$TEAM=0;
for($i=1;$i<=$T_num;$i++){
if($i=='1'){
$active='active';
}else{
$active='';
}
$count="SELECT RD_SID FROM tb_register WHERE SKILL_ID='".$SKILL_ID."' AND sc_id='".$RS_DATA_LOGIN['sc_id']."' AND S_ID='".$S_ID."' AND TAEM_NUM='".$i."'";
$q=mysql_query($count);
$q_num=mysql_num_rows($q);
if($q_num==$r_num){ $full="<font> เต็ม!!</font>"; }else{ $full=""; }
if($q_num>0){
$TEAM++;
}
?>
<li class='<?php echo $active;?>'><a data-toggle="tab" href="#tabs-<?=$i?>"><strong>ทีมที่ <?=$i?> (<?=$q_num?> คน<?=$full?>)</strong></a></li>
<?php } ?>
</ul>
<div class="tab-content">
<?php for($i=1;$i<=$T_num;$i++){
?>
<div id="tabs-<?=$i?>" class="tab-pane fade <?php echo $active;?>">
<table table class="table table-striped">
<thead>
<tr>
<th><strong>ที่</strong></th>
<th><strong>รหัสนักศึกษา</strong></th>
<th><strong>ชื่อ-สกุล นักศึกษา</strong></th>
<th align="center"><strong>ลบ</strong></th>
</tr>
</thead>
<?php
$n=1;
if($q>0){
$sql_r="SELECT * FROM tb_register WHERE SKILL_ID='".$SKILL_ID."' AND sc_id='".$RS_DATA_LOGIN['sc_id']."' AND S_ID='".$S_ID."' AND TAEM_NUM='".$i."'";
$query_r=mysql_query($sql_r);
while($rs_r=mysql_fetch_array($query_r)){
//$r_total+=$rs['S_PRICE'];
?>
<tr>
<td><small><?=$n++?></small></td>
<td><small><?=$rs_r['RD_SID']?></small></td>
<td><small><?=$rs_r['RD_TITLE']?><?=$rs_r['RD_FNAME']?> <?=$rs_r['RD_LNAME']?></small></td>
<td align="center"><small>
<?php
if($RS_DATA_LOGIN['CONFIRM_SLIP']!=""){
echo "-";
}else{
?>
<a href="?u=reg&d_id=<?=$D_ID?>&s_id=<?=$S_ID?>&r_id=<?=$rs_r['R_ID']?>" onClick="return confirm('ยืนยันการลบ?')"><i class="fa fa-times-circle"></i></a>
<?php } ?></small>
</td>
</tr>
<?php } ?>
<?php }else{ ?>
<p>ไม่มีนักศึกษาลงแข่งขัน</p>
<?php } ?>
</table>
</div>
<?php } ?>
</div>
</div>
Date :
2016-12-19 10:25:37
By :
คนมีเสน่ห์
เทสแล้วครับ ตัว ul li สถานะเป็น active ครับ แต่ส่วน tab-content >>> tab-pane fade <?php echo $active;?> ทำงานอยู่ครับ แต่ผมดูโค้ดมันแสดง active อยู่ครับ แต่เป็นพื้นที่สีขาว ว่างๆ งงมากครับ
ประวัติการแก้ไข 2016-12-19 10:58:47
Date :
2016-12-19 10:32:39
By :
Judinho
ได้แล้วครับ ผมเพิ่ม
<div class="tab-content">
<?php for($i=1;$i<=$T_num;$i++){
if($i=='1'){
$active='active';
}else{
$active='';
}
?>
เข้าไปเลยแสดงละครับ
และเอา ค่า fade ออก แสดงเลย ขอบคุณมากๆๆครับ
Date :
2016-12-19 11:00:53
By :
Judinho
<?php
include 'configs/mysql_connection_class.php';
include 'configs/connect.php';
$mysql = new MySQL_Connection("$host", "$user", "$pw", "$dbname");
$mysql->charset = 'utf8';
?>
<?php
foreach ($mysql->queryAndFetchAll("SELECT * FROM [news_category] ORDER BY `news_category_id` ASC") as $key => $value ) {
$news_category_id=$value['news_category_id'];
$news_category_title=$value['news_category_title'];
?>
<div id="border-head-news" class="row list-group">
<h3 id="head-news"><?=$news_category_title?></h3>
<div class="col-sm-12">
<ul class="nav nav-tabs responsive" role="tablist">
<?php
$no = 1;
if ($mysql->query(" SELECT * FROM [news_subcategory] WHERE [ref_news_category_id] = $news_category_id ORDER BY [news_subcategory].[news_subcategory_id] ASC
") > 0){
while($rs = $mysql->fetch()){
?>
<li role="presentation" class="<?php echo $no==1 ? 'active' : ''; ?>">
<a href="#<?php echo $news_category_id.$no; ?>" aria-controls="<?php echo $news_category_id.$no; ?>" role="tab" data-toggle="tab">
<?=$rs['news_subcategory_title']?>
<?php echo $news_category_id.$no; ?>
</a>
</li>
<?php
++$no;
}
}
?>
</ul>
<div class="tab-content responsive">
<?php
$sub = 1;
if ($mysql->query(" SELECT * FROM [news_subcategory] WHERE [ref_news_category_id] = $news_category_id ORDER BY [news_subcategory].[news_subcategory_id] ASC
") > 0){
while($rs = $mysql->fetch()){
?>
<div role="tabpanel" class="tab-pane <?php echo $sub==1 ? 'active' : ''; ?>" id="<?php echo $news_category_id.$sub; ?>">
...<?php echo $news_category_id.$sub; ?>
<div class="row" style="margin: 1px 0px 3px 0px;">
<div class="col-sm-4" id="news-info">
<div class="panel panel-primary">
<div class="panel-heading">
<img src="public/images/1-2.jpg" class="img-responsive">
</div>
<div class="panel-body">
ประกาศรายชื่อผู้มีสิทธิ์เป็นนิสิต ระดับบัณฑิตศึกษา แบบเหมาจ่าย
คณะศึกษาศาสตร์ ภาคเรียนฤดูร้อน ประจำปีการศึกษา ๒๕๕๘ <?php echo $news_category_id.$sub; ?>
</div>
<div class="panel-footer"><a href="#" class="content-link">เพิ่มเติม</a></div>
</div>
</div>
</div>
</div>
<?php
++$sub;
}
}
?>
</div>
</div>
</div>
<?php
}
?>
Date :
2016-12-19 11:11:21
By :
apisitp
Load balance : Server 03