Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับ Bootstrap Tab Active หน่อยครับ อยากให้แท็บแรก Active อัตโนมัติครับ



 

สอบถามเกี่ยวกับ Bootstrap Tab Active หน่อยครับ อยากให้แท็บแรก Active อัตโนมัติครับ

 



Topic : 125780



โพสกระทู้ ( 200 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger



สอบถามเกี่ยวกับ Bootstrap Tab Active หน่อยครับ คือปกติ ถ้าเป็น html Tab Active จะเป็นอันที่ 1 ถ้าเราเลือก Active ไว้ แต่สำหรับ php งงมากเลยครับ ทำยังไงก็ไม่ได้ คือ มันจะไม่แสดง Active เลยครับ ถ้าเราไม่คลิกเลือก รบกวนพี่ๆช่วยหน่อยครับ อยากให้แท็บแรก Active อัตโนมัติครับ

Code (Java)
<script type="text/javascript">
$(document).ready(function(){
	$('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
		localStorage.setItem('activeTab', $(e.target).attr('href'));
	});
	var activeTab = localStorage.getItem('activeTab');
	if(activeTab){
		$('#myTab a[href="' + activeTab + '"]').tab('show');
	}
});
</script>


Code (PHP)
<div class="bs-example">
<ul class="nav nav-tabs" id="myTab">
	<?php
 	$TEAM=0;
	for($i=1;$i<=$T_num;$i++){ 
 		$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><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">
	  <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> 


ภาพที่ Tab Active ไม่ทำงาน
tab

ภาพที่ Active เวลาที่เราคลิก
active



Tag : PHP, JavaScript, CakePHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-12-19 09:36:00 By : Judinho View : 2523 Reply : 4
 

 

No. 1



โพสกระทู้ ( 1,096 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


ลองดูครับ
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 : คนมีเสน่ห์
 


 

No. 2



โพสกระทู้ ( 200 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

เทสแล้วครับ ตัว 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
 

 

No. 3



โพสกระทู้ ( 200 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

ได้แล้วครับ ผมเพิ่ม

<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
 


 

No. 4



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


<?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
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเกี่ยวกับ Bootstrap Tab Active หน่อยครับ อยากให้แท็บแรก Active อัตโนมัติครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่